天天看点

原生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获取所需的子节点。

继续阅读