1.createElement:创建元素节点
用法:document.createElement(“元素节点名称”)
2.createTextNode:创建文本节点
用法:document.createTextNode(“文本内容”)
3.appendChild:把创建的元素添加到原有的元素
用法:parent.appendChild(child)
例子
1.创建一个h1元素节点
2.创建一个文本节点
3.把文本节点添加到1创建的元素节点
4.把元素节点添加到已有的元素节点上
完整代码
< !DOCTYPE html>
< html lang=“en”>
< head>
< meta charset=“UTF-8”>
< title>DOM方法< /title>
< script type=“text/javascript”>
window.οnlοad=function(){
var test1=document.getElementById(“test”);
var node=document.createElement(“h1”);
var txt=document.createTextNode(“Hello !”);
node.appendChild(txt);
test1.appendChild(node);
}
< /script>
< /head>
< body>
< div id=“test”>
< /div>
< /body>
< /html>
结果: