dom 操作（they 操作）.docVIP

dom 操作（they 操作） 1.访问节点 document.getelementbyid (id); 返回对拥有指定id的第一个对象进行访问 document.getelementsbyname (name); 返回带有指定名称的节点集合 注意: elements document.getelementsbytagname (tagname); 返回带有指定标签名的对象集合 注意: elements document.getelementsbyclassname (classname); 返回带有指定class名称的对象集合 注意: elements 2.生成节点 document.createelement (ename); 创建一个节点 document.createattribute (attrname); 对某个节点创建属性 document.createtextnode (text); 创建文本节点 3.添加节点 document.insertbefore (newnode, referencechild); 在某个节点前插入节点 parentnode.appendchild (newnode); 给某个节点添加子节点 4.复制节点 clonenode (true | false); 复制某个节点 参数: 是否复制原节点的所有属性 5.删除节点 parentnode.removechild (node) 删除某个节点的子节点 node是要删除的节点 注意: ie会忽略节点间生成的空白文本节点 (例如, 换行符号), 而mozilla不会这样做.在删除指定节点的时候不会出错, 但是如果要删除最后一个子结点或者是第一个子结点的时候, 就会出现问题.这时候, 就需要用一个函数来判断首个子结点的节点类型. 元素节点的节点类型是 1, 因此如果首个子节点不是一个元素节点, 它就会移至下一个节点, 然后继续检查此节点是否为元素节点.整个过程会一直持续到首个元素子节点被找到为止.通过这个方法 我们就可以在 internet explorer, mozilla 和 得到正确的方法. 6.修改文本节点 appenddata (date). 将data加到文本节点后面 deletedata (start, length). 将从start处删除length个字符 insertdata (start date) 在start处插入字符, start的开始值是0; replacedata (start, length, date) 在start处用data替换length个字符 splitdata (offset) 在offset处分割文本节点 substringdata (start, length) 从start处提取length个字符 7.属性操作 getattribute (name) 通过属性名称获取某个节点属性的值 setattribute (name, value). 修改某个节点属性的值 removeattribute (name) 删除某个属性 html head meta http - equivalent = content type content = text / html; charset = iso-8859-1 / title html dom document / script type = text / javascript function load _ message () { var oimg = document.getelementbyid (a); alert (oimg.getattribute (border)); oimg.setattribute (alt, dom test; } script / / a body onload = load _ message (); img border = 0 width = 100 height = 150 id = a / / a html / 8.查找节点 parentobj.firstchild 如果节点为已知节点的第一个子节点就可以使用这个方法.此方法可以递归进行使用 parentobj.firstchild.firstchild..... parentobj.lastchild 获得一个节点的最后一个节点, 与firstchild一样也可以进行递归使用 Parentobj.lastchild.lastchild..... Parentobj.childnodes 获得节点的所有子节点, 然后通过循环和索引找到目标节点 9.获取相邻的节点 Nebornode.previoussibl