Ajax操作Dom的基础--节点的添加

来源:互联网 发布:windows sp2升级sp3 编辑:程序博客网 时间:2024/05/17 23:50

<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 onload="display()">
<form id="form1">

<div id="empty"></div>

</form>
</body>

上面是一个简单的对DOM节点的操作,其中有 document 的getElementById()方法、createElement()方法、createTextNode()方法,和appendChild()方法

 

原创粉丝点击