显示警报不显示

display alert dont show

本文关键字：显示      更新时间：2023-09-26

My js error，

如何在警报中显示"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 );

尝试像这样更改代码

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 );

我认为问题出在您的查询选择器上。 要按类名选择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');

试试这个 

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

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>
相关文章：