Ajax操作Dom的基础--节点的添加
2007-07-05 14:01
323 查看
<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()方法
<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()方法
相关文章推荐
- Ajax操作Dom的基础--节点的添加
- Ajax操作Dom的基础--节点的添加(二)
- jQuery基础教程之DOM操作-遍历节点-children()方法
- jQuery基础教程之DOM操作-遍历节点-filter()方法
- js操作dom节点,创建,复制,删除,添加,查找等操作总结
- DOM操作——添加、移除、移动、复制、创建和查找节点
- DOM操作——怎样添加、移除、移动、复制、创建和查找节点
- DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
- DOM操作 如何添加、移除、移动、复制、创建和查找节点等
- jQuery基础教程之DOM操作-遍历节点-parent()方法
- DOM操作——怎样添加、移除、移动、复制、创建和查找节点
- 第5天(就业班) BOM、window对象、事件、location对象、screen对象、Dom编程根据属性找节点、通过关系找节点、添加附件、联动框、操作元素的css样式、正则表达式
- js操作DOM--添加、删除节点的简单实例
- js操作DOM--添加、删除节点的简单实例
- jQuery基础教程之DOM操作-节点操作函数(一)
- jQuery基础教程之DOM操作-遍历节点-parents()方法
- jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
- DOM操作——怎样添加、移除、移动、复制、创建和查找节点
- html dom节点操作(获取/修改/添加或删除)
- 【JS--DOM-节点操作1】 基础 (待整理)