<head>
<script type="text/javascript">
function display()
{
var empty=document.getElementById("empty");
addnode(empty,"hello");
addnode(empty,"Ajax");
}
function addnode(el,text)
{
var node=document.createElement("div"); //新建一个 div 元素
var txtnode=document.createTextNode(text); //新建一个 textNode节点
node.appendChild(txtnode);
el.appendChild(node);
}
</script>
</head>
<body οnlοad="display()">
<form id="form1">
<div id="empty"></div>
</form>
</body>
上面是一个简单的对DOM节点的操作,其中有 document 的getElementById()方法、createElement()方法、createTextNode()方法,和appendChild()方法