DOM的基本方法和属性.docVIP

DOM的基本方法和属性 DOM 方法 创建节点：以下DOM方法的基本用途是创建新的节点。 createElement(): createElement()方法将按照给定的标签名创建一个新的元素节点。这个方法的返回值是一个指定新元素节点的引用指针：reference?= document.createElement(element)这个方法只有一个参数：将被 创建的元素的名字。这是一个字符串：reference?= document.createElement(p)reference?= document.createElement(h1) createTextNode()： createTextNode()方法是创建一个含着给定文本的新文本节点。这个方法的返回值是一个指向新建文本节点的引用指针：reference?= document.createTextNode(text) 这个方法只有一个参数：新建文本节点所包含的文本字符串：reference = document.createTextNode(你好，world)例：第一步、创建一个包含着文本“试验一”的文本节点，并把由createTextNode()方法返回的引用指针赋值给了变量message。var message = document.createTextNode(实验一);第二步、用createElement()方法创建一个 p 元素，并将其引用指针赋值给变量containervar container = document.createElement(p);第三步、用appendChild()方法把message文本节点插入了container元素节点container.appendChild(message);第四步、把刷新后的container元素追加给了文档body元素document.body.appendChild(container); 复制节点： cloneNode() cloneNode()方法将为给定节点创建一个副本。这个方法的返回值是一个指向新建克隆节点的引用指针reference?= node.cloneNode(deep)这个方法只有一个布尔值型的参数，它的可取值只能是true或false ，这个参数决定着是否把被复制节点的子节点也一同复制复制到新节点里去。reference = node.cloneNode(true)reference = node.cloneNode(false)例：var para = document.createElement(p);??????????创建了一个para文本段元素var message = document.reateTextNode(实验二);??创建了一个message文本节点para.appendChild(message);???????????????????????把message文本节点插入para元素节点document.body.appendChild(para);?????????????????把para插入文档的body元素var newpara = para.cloneNode(true);调用cloneNode()方法从para节点（及其子节点）复制出了一个新的元素节点newparadocument.body.appendChild(newpara);??????????????把newpara插入文档的body元素最后的结果是两个相同的文本段被插入了文档。 插入节点 appendChild() appendChild()方法将给定元节点追加一个子节点：reference?= element.appendChild(newChild)给定子节点newchild将成为给定元素节点element的最后一个子节点。这个方法的返回值是一个指向新增子节点的引用指针。这个方法通常与用来创建新节点的createElement()和createTextNode()方法配合使用。 insertBefore() insertBefore()方法是将把一个给定节点插入到一个给定元素节点的给定子节点的前面，他返回一个指定新增子节点的引用指针：reference?= element.insertBefore(newNode,targetNode)节点newNode将被插入元素节点element并出现在节点targetNode的前面。节点targetNode必须是element元素的一个子节点。如果targetNode节点未给出，newNode节点就将被追加为element元素的最后一个子节点。insertBefo