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='关闭' οnclick='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,在这里很多菜鸟都不知道,因此经常出错。