创建新的HTML元素

例如，如果想要在div中新建一个段落p那么需要分成以下几步完成：

1，创建新的<p>元素。createElement(“节点名”)：

var para = document.createElement(“p”);

2，创建p元素中的文本，文本为一个文本节点。createTextNode(“文本”)：

var text_node = document.createTextNode(“这是一个追加的段落”);

3，将文本节点追加到p元素后。追加用 父节点.appendChild(子节点):

para.appendChild(text_node);

4，找到容纳p节点的父节点

var element = document.getElementById(“s”);

5，将p节点追加到父节点后:

element.appendChild(para);

完整代码如下：

                
     
        
      
这是一个普通段落
        
      
在下面追加一个段落
    
     
        

删除已有的 HTML 元素

删除元素分为以下几步

也可以用parentNode获取一个元素的父元素：

child.parentNode.removeChild(child);

            
     
            
      
这是一个普通的段落
            
      
删除下面的段落
            
      
该段落应该被删除