天天看點

原生js控制div的顯示與隐藏

通過

var obj = document.getElementbyId("obj");

var displays=obj.style.display 無法擷取到寫在css樣式表中的display值,均為空值

必須通過其他方法獲得

function getStyle(obj,attr)

{

if(obj.currentStyle)

{

return obj.currentStyle[attr];

}

else

{

return document.defaultView.getComputedStyle(obj,false)[attr];

}

}

通過此方法可擷取到css樣式表中的display值

進而控制div的顯示與隐藏

通過擷取div的子節點,要注意子節點的個數問題,文本和空白換行會被某些浏覽器視為一個單獨的子節點,此時要通過判斷子節點的nodetype或nodename擷取所需的子節點。

繼續閱讀