常用的节点操作方法

常用的节点操作方法DOM不单单可以查找节点，也可以创建节点、复制节点、插入节点、删除节点和替换节点l.write方法write方法可以把任意字符串插入到文档中去document.writep这是一个段落！/p；〃输出任意字符串.createElement方法createElement方法可以创建一个元素节点document.create日ementp;〃创建一个元素节点.叩pendChild方法appendChild方法讲一个新节点添加到某个节点的子节点列表的末尾上varbox=document.get日ementByldbox;〃猎取某一个元素节点varp=document.createElememp;〃创建一个新元素节点pbox.叩pendChildp;〃把新元素节点p添加子节点末尾

4.createTextNode75;£createTextNode方法创建一个文本节点vartext=document.createTextNode段落;〃创建一1^文本节点p.appendChildtext;//将文本节点添力倒子节点末尾

5.insertBefore方法insertBefore方法可以把节点创建到指定节点的前面box.parentNode.insertBeforepbox;//把＜div＞之前仓!］建——个节点PS:insertBefore方法可以给当前元素的前面创建一个节点，但却没有供应应当前元素的后面创建一个节点那么，我们可以用已有的学问创建一个insertAfter函数functioninsertAfternewElementtargetElement{〃得到父节点varparent=targetElement.parentNode;〃假如最终一个子节点是当前元素那么直接添加即可ifparent.lastChild===target日ement{parent.appendChildnewElement;}else{〃否则，在当前节点的下一个节点之前添加parent.insertBeforeCnewElementtargetElement.nextSibling;PS:createElement在创建一般元素节点的时候，扫瞄器的兼容性都还比较好但在几个特别标签上，比如iframe、input中的radio和checkboxbutton元素中，可能会在正67以下的扫瞄器存在一些不兼容varinput=null;ifBrowserDetect.browser==InternetExplorerBrowserDetect.version=7{〃推断正67使用字符串的方式input=document.create日ementinputtype=\radio\name=\sex\n;}else{〃标准扫瞄器，使用标准方式input=document.create日ementinput;input.setAttributeCtyperadio;input.setAttributeCnamesex;document.getElementsByTagNamebody

[0].appendChildinput;

6.repalceChild方法replaceChild方法可以把节点替换成指定的节点box.parentNode.replaceChildpbox;//把＜div＞换成了＜p＞

7.doneNode方法cloneNode方法可以把子节点复制出来varbox=document.getElementByldbox;varclone=box.firstChild.cloneNodetrue;〃猎取第一个子节点true表示复制内容box.appendChildclone;//添力口至］子节点歹！］表末尾

8.removeChildJJ;JremoveChiId方法可以把box.parentNode.removeChildbox;〃删除指定节点。