Posted on 2008-10-03 15:59
xcp 阅读(2663)
评论(4) 编辑 收藏 所属分类:
Ajax 、
Javascript
一.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 返回布尔值，判断是否有子节点
名称: ♪4C.ESL | .↗Evon
口号: 遇到新问题♪先要寻找一个方案乄而不是创造一个方案こ
mail: 联系我