JavaScript HTML DOM 元素(节点)

创建HTML元素

var newEle =document.createElement(p);

创建的元素追加到别的元素之后：

A. appendChild(B)： 若B是新建的元素，在A元素的所有子元素的末尾增加元素B 。

若B页面中已存在的元素，则这句语句产生的效果是将B元素移动到了A的子元素中。

appendChild() 这个函数和innerHTML这个属性的效果差不多，区别在：

1 innerHTML运行效果会比appendChild慢（也许是需要解析的原因）

2 innerHTML比appendChild要方便些，像写字符串似的

     
  
 
这是一个段落。
 
这是另一个段落。
 
   

例子解析：

这段代码创建新的

元素：

var para=document.createElement("p");

如需向

元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：

var node=document.createTextNode("这是一个新段落。");

然后您必须向

元素追加这个文本节点：

para.appendChild(node);

最后您必须向一个已有的元素追加这个新元素。

这段代码找到一个已有的元素：

var element=document.getElementById("div1");

以下代码在已存在的元素后添加新元素：

element.appendChild(para);

删除HTML元素

removechild 函数可以删除父元素的指定子元素。

如果此函数删除子节点成功，则返回被删除的节点，否则返回null。

语法结构:

fatherObj.removeChild(childrenObj)

参数解释:

1.fatherObj:要删除子元素的元素对象。
2.childrenObj:要被删除的子元素对象。

     
  
 
这是一个段落。
 
这是另一个段落。
 
   

实例解析

这个 HTML 文档含有拥有两个子节点（两个

元素）的

 
这是一个段落。
 
这是另一个段落。
 

var parent=document.getElementById("div1");

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

parent.removeChild(child);