JavaScript HTML DOM(9/4)

创建新的 HTML 元素

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

1. the Document.createElement()method creates the HTML element specified by tagName, or an HTMLUnknownElement if tagName isn't recognized.
   语法:

var element = document.createElement(tagName[, options]);

2. Creates a new Text node.
   语法:

var text = document.createTextNode(data);

text is a Text node.
data is a string containing the data to be put in the text node.

3. The Node.appendChild() method adds a node to the end of the list of children of a specified parent node.

例子解析：
这段代码创建新的

元素：
var para=document.createElement("p");
如需向

元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：
var node=document.createTextNode("这是一个新段落。");
然后您必须向

元素追加这个文本节点：
para.appendChild(node);
最后您必须向一个已有的元素追加这个新元素。
这段代码找到一个已有的元素：
var element=document.getElementById("div1");
以下代码在已存在的元素后添加新元素：
element.appendChild(para);

删除已有的 HTML 元素

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

The Node.removeChild() method removes a child node from the DOM. Returns removed node.