js html对象通用属性总结

           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，在这里很多菜鸟都不知道，因此经常出错。