javascript - 通过 JavaScript 检测 html 元素的 CSS 属性值

Question

直到警报没问题，但是 if 没有执行。这里是程序堆栈。有什么方法可以检测 div 的显示属性是“bloc”还是“none”？

for(i=1;i<=10;i++)
  {
   alert("Hamdun Soft Past Job Will be Deleted");
   if(document.getElementById(i).style.display=="block")
   document.getElementById(i).innerHTML="Hamdun Soft Is Clear Now";           
 }

哦! Kepp 记住，从 id=1 的 div 到 10，一个的 display=“block”，所有 9 都是“none”。我用另一个 JavaScript 程序做到了这一点。但是现在我需要检测“ block ”。坦克。

Answer 1

问题是 Element.style.display 仅在元素具有内联样式时才有效。您需要获取计算样式:

for(i=1;i<=10;i++){
    var elem = document.getElementById(i);

    if((elem.currentStyle ? elem.currentStyle.display : getComputedStyle(elem, null).display) == 'block')
    elem.innerHTML="Hamdun Soft Is Clear Now"; 
}

<div id="1">aaa</div>
<div id="2">aaa</div>
<div id="3">aaa</div>
<div id="4">aaa</div>
<div id="5">aaa</div>
<div id="6">aaa</div>
<div id="7">aaa</div>
<div id="8">aaa</div>
<div id="9">aaa</div>
<div id="10">aaa</div>

注意:首先检查elem.currentStyle，因为IE 可以使用它。