dom4j_dom appendChild()的使用方法

更新时间：2017-02-13 来源：Dom教程手机版 字体：大中小

【www.bbyears.com--Dom教程】

dom appendChild()的使用方法
appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。

此方法可返回这个新的子节点。

appendChild(newchild)参数描述
newchild 所添加的节点

appendChild定义

appendChild(newChild: Node) : Node
Appends a node to the childNodes array for the node.
Supported: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+
添加一个节点到指定的节点的子节点数组中，读起来好象有点拗口，简单地说就是将元素添加到指定的节点中
appendChild用法
target.appendChild(newChild)

newChild作为target的子节点插入最后的一子节点之后

appendChild例子

var newElement = document.Document.createElement("label");
newElement.Element.setAttribute("value", "Username:");
var usernameText = document.Document.getElementById("username");
usernameText.appendChild(newElement);

Dom中的appendChild方法可以向html网页或xml文档中添加一个标签或元素，也可以向已存在的标签内添加一个子元素．在向某个元素添加子元素时，你可以新创建一个元素，或者把页面其他的元素追加到该元素．比如你可以为body添加一个div,或者为ul添加一个li.
appendChild方法必须指定一个参数．否则会出错，该参数是你希望添加的html标签，或xml节点元素．具体请看下面实例．

appendChild方法使用实例

html
css教程

<script language="网页特效">
function add_li(){
var ul = document.getElementById("a");
var li = document.createElement("li");
li.innerHTML = "dom";
ul.appendChild(li);
}
</script>

看一个利用dom 动态增加input实现多文件上传

再上传一张

<script language="javascript" type="text/javascript">
function addinput()//增加input节点
{

var input=document.createElement("input");//创建一个input节点
var br=document.createElement("br");//创建一个br节点
input.setAttribute("type","file");// 设置input节点type属性为file
input.setAttribute("name","pic[]");//设置input节点 name属性为files[]，以数组的方式传递给服务器端
document.form1.appendChild(br);//把节点添加到 form1表单中
document.form1.appendChild(input);
}
</script>