现在的位置: 首页 > 综合 > 正文

js html对象通用属性总结

2018年01月27日 ⁄ 综合 ⁄ 共 1251字 ⁄ 字号 评论关闭

           1:style、style.cssText及style.position,style.left等CSS样式的各个属性

            如:

           var section=document.createElement("div");

           section.style.cssText="position:absolute; left:200;top:100;border:1 inset blue;width:400;height:400;";
            section.style.background="yellow";
            section.style.display="block";
            section.style.zIndex=5;

            几乎每个html标签对象都具有style属性,因此该属性是通用的。

 

           2:innerHTML属性

           紧承上例:

           section.innerHTML="<table border='0' style='width:399;height:30'><tr><td align='right'><input type='button' value='关闭' onclick='alert(this.parentNode.parentNode.parentNode.parentNode.parentNode.id)'></td></tr></table>"

           innerHTML属性也几乎是每个html标签对象所具有的属性。

 

            3:parentNode、parentElement,childNodes、children

           parentElement 获取对象层次中的父对象。
           parentNode 获取文档层次中的父对象。
           childNodes
获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
           children 获取作为对象直接后代的 DHTML
对象的集合。

           其区别是:parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持。

           如果要知道某一个html标签元素的父对象是谁,可以使用alert(sometag.parentNode.innerHTML)来查看。其中在上面第二个innerHTML属性中所举的例子中,对象层次是这样的:div-table-tr-td-button,但是实际上在table与tr之间还有一层,那就是tBody,在这里很多菜鸟都不知道,因此经常出错。

        

抱歉!评论已关闭.