Javascript操作Dom對象

標籤：parent   rip   情況   文本   asc   document   csharp   rem   情況下   

一.建立節點

這段代碼建立新<p>元素

var dom = document.craeteElement("p");

如果需<p>添加文本，你必須建立文本的節點

var node = document.createTextNode("this is new TextNode");

然後你必須向<p>元素添加這個node

dom.appendChild(node);

這個時候已經建立成功了

二.刪除節點

例如有一段HTML代碼

<div id="div1"><p id="p1">這是一個段落。</p><p id="p2">這是另一個段落。</p></div>

　script:

<script>var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(child);</script>

　js刪除節點的時候需要找到它的父節點,如果能夠在不引用父元素的情況下刪除某個節點,就太好了，不過太遺憾了，DOM需要清除你要刪除的元素,yi以及它的父元素

這是常用的做法:

var child=document.getElementById("p1");child.parentNode.removeChild(child);

　　

Javascript操作Dom對象