html里面append一段代码,HTML DOM appendChild()用法及代码示例

appendChild()方法用于创建文本节点作为该节点的最后一个子节点。此方法还用于将一个元素从一个元素移动到另一个元素。它用于创建带有一些文本的新元素，然后首先将文本创建为文本节点，然后将其附加到元素，然后将元素附加到文档。

用法:

node.appendChild( node )

参数：该方法接受强制性的单参数节点，用于指定需要附加的节点对象。

范例1：

DOM appendChild() Method

h1,

h2 {

font-weight:bold;

color:green;

}

body {

margin-left:130px;

}

GeeksForGeeks

DOM appendChild() Method

• Computer Network
• Data Structures using C

Submit

function geeks() {

var node = document.createElement("LI");

var textnode =

document.createTextNode("Web Technology");

node.appendChild(textnode);

document.getElementById("gfg").appendChild(node);

}

输出：

范例2：

DOM appendChild() Method

#sudo {

border:1px solid green;

background-color:green;

margin-bottom:10px;

color:white;

font-weight:bold;

}

h1,

h2 {

text-align:center;

color:green;

font-weight:bold;

}

GeeksForGeeks

DOM appendChild() Method

The Good Website is learning for

Computer Science is-

Submit

function geeks() {

var node = document.createElement("P");

var t =

document.createTextNode("GeeksForGeeks");

node.appendChild(t);

document.getElementById("sudo").appendChild(node);

}

输出：

支持的浏览器：下面列出了DOM appendChild Method()支持的浏览器：

谷歌浏览器

IE浏览器

火狐浏览器

Opera

苹果浏览器