dom使用指南

一.dom对象的只读属性
*.firstChild 返回一个对象，表示当前节点第一个子节点
*.lastChild 返回一个对象，表示当前节点最后一个子节点
*.nextSibling 返回一个对象，表示当前节点的下一个兄弟节点
*.previousSibling返回一个对象，表示当前节点的上一个兄弟节点
*.parentNode 返回一个对象，表示当前节点的父对象
*.nodeName 返回一个字符串，表示当前节点对应的html标记
*.nodeType 返回一个数字，1表示标签，2表示属性，3表示文本项

二.dom对象的可读写属性
*.nodeValue 返回一个字符串，表示文本项的值，如果为其他类型的节点，返回null
*.data 返回一个字符串，表示文本项的值，如果为其他类型的节点，返回undefined

总结:由于这些是可以写的属性，所有说我们可以动态的修改前台数据,比如(文本节点.nodeValue = "动态的值"

三.dom对象的集合属性
*.childNodes 返回一个对象数组，表示当前节点的所有子节点集合
*.attributes 返回一个对象数组，表示当前节点的所有属性集合，通过id来访问，比如attributes.id　　　或　cn2.border　例:attributes.border.nodeValue=10但是一般不这么用，因为有更简单的用法

四.常用的dom方法
*.documentElement返回文档的根节点 例:document.documentElement.nodeName
*.activeElement 返回当前文档中被激活的标签节点 例:document.activeElement.nodeName

*.createElement(sNode) 新增标签节点，参数为标签名 例:var newnode = document.createElement("div")
*.createTextNode(text) 创建包含静态文本的节点 例:var newText = document.createTextNode("建包含静态文本的节点 ");
*.document.createAttribute("name") 创建属性
*.document.createComment() 创建注释
*.document.createStyleSheet(); 创建样式
*.document.createEventObject() 创建事件对象
*.总要是用前二个

*.appendChild(oNode) 追加子节点 例: table(一个源节点).appendChild(oNode(一个新的节点));
*.removeChild(oNode) 删除子节点 例: table(一个源节点).removeChild(oNode);

*.getAttribute(name) 得到标签对象属性名称为name的值 例：tablenode.getAttribute("border")
*.setAttribute(name,value) 设置指定标签对象的值 例：tablenode.setAttribute("border",10);

*.insertBefore(newNode,targetNode) 将新的newNode节点插入在目标节点targetNode之前
*.removeNode(name) 删除以name命名的节点
*.replaceNode(newNode,oldNode) 以newNode节点替代oldNode

*.hasChildNodes 返回布尔值，判断是否有子节点

 

GWT-EXT2.0+struts2+hibernate+ejb++spring
————WEB2.0巅峰之作！
本文来自: ★编程爱好者博文★ http://www.08s.cn 详细出处参考：http://www.yfeshop.cn/html/JAVAboke/200811/domshiyongzhinan_1765.html