Question

我的js错误，

如何在警告中显示“1个月”

ori html：

<div class="left" style="height:15px; width:128px; overflow:hidden;">1 months</div>

我的js代码：

var div = document.querySelector('[class="left"][style="height:15px; width:128px; overflow:hidden;"]');

alert( div[0].innerHTML );

Answer 1

尝试像这样更改你的代码

var div = document.querySelector('[class="left"][style="height:15px; width:128px; overflow:hidden;"]');

alert( div.innerHTML );

或

var div = document.querySelectorAll('[class="left"][style="height:15px; width:128px; overflow:hidden;"]');

alert( div[0].innerHTML );

Answer 2

我认为问题出在你的查询选择器上。要按类名选择div，可以使用

var div = document.querySelector('.left');

如果您有多个具有相同类的元素，我建议为div设置一个id。

<div id='IDNAME' class="left" style="height:15px; width:128px; overflow:hidden;">1 months</div>

您可以这样查询：

var div = document.querySelector('#IDNAME');

Answer 3

试试这个

alert(document.getElementsByClassName('left').innerHTML);

Answer 4

just use alert( div.innerHTML ); instead of alert( div[0].innerHTML );

Also make sure that you call this after your div is rendered i.e like

<!DOCTYPE html>
<html>
<body>
<div class="left" style="height:15px; width:128px; overflow:hidden;">1 months</div>
<script>
var div = document.querySelector('[class="left"][style="height:15px; width:128px; overflow:hidden;"]');

alert( div.innerHTML );
</script>
</body>
</html>

显示警报不显示

4 个答案: