检查DIV元素的显示样式

Checking DIV elements display style

本文关键字：显示 样式 元素 DIV 检查      更新时间：2023-09-26

我有一个div容器id="cMsgArea"，用于托管通过AJAX动态添加的多个div。我需要控制在任何给定时间可见的子div的数量。

var theDIV = document.getElementById('cMsgArea');
console.log('1)' + theDIV.innerHTML );
var divNode = theDIV.firstChild;
console.log('divNode:' + divNode.innerHTML);
console.log("divNodeDisplay:" + divNode.style.display);
console.log("divNodeStyle:" + divNode.style );
while (divNode.style.display !== "block") {
    divNode = divNode.nextSibling;
}
return divNode;
控制台结果:

1)<div style="float:left; clear:left;">[<i>2014.07.05 13:21:09</i>]DreamGuru:(1)(1)</div><div style="float:left; clear:left;">[<i>2014.07.05 13:21:09</i>]DreamGuru:(2)(1)</div><div style="float:left; clear:left;">[<i>2014.07.05 13:21:14</i>]DreamGuru:(1)(12)</div><div style="float:left; clear:left;">[<i>2014.07.05 13:21:14</i>]DreamGuru:(2)(12)</div> si5.js:140 
divNode:[<i>2014.07.05 13:21:09</i>]DreamGuru:(1)(1) si5.js:142 
divNodeDisplay: si5.js:143 
divNodeStyle:[object CSSStyleDeclaration] si5.js:144 
Uncaught TypeError: Cannot read property 'style' of null

divNode显示了innerHTML的正确值，但.style.display表示样式为空。我怎样才能弄成这个发型?显示的价值?

帕特里克·埃文斯是对的，我想错了。也就是说，它已经解决了，但我也要注意，我还必须对向容器添加div的代码进行更改，以显式地添加样式包括display:block。

你可以从这里获得样式信息

$("#yourID").prop('style')
相关文章：