本文实例讲述了Javascript HTML DOM 元素 (节点)新增,编辑,删除操作。分享给大家供大家参考,具体如下:
createElement,createTextNode,appendChild,insertBefore,removeChild,replaceChild
createElement以下代码是用于创建
元素:
var para = document.createElement("p");
createTextNode
为
元素添加文本节点:
var node = document.createTextNode("这是一个新的段落。");
appendChild(它用于添加新元素到尾部)
将文本节点添加到
元素中:
para.appendChild(node);
以上3个结合案例:
这是一个段落。
这是另外一个段落。
运行结果:
insertBefore(新元素添加到开始位置)
这是一个段落。
这是另外一个段落。
运行结果:
removeChild
要移除一个元素,你需要知道该元素的父元素。
这是一个段落。
这是另外一个段落。
运行结果:
replaceChild
使用 replaceChild() 方法来替换 HTML DOM 中的元素。
这是一个段落。
这是另外一个段落。
运行结果:
感兴趣的朋友可以使用在线HTML/CSS/Javascript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于Javascript相关内容可查看本站专题:《Javascript操作DOM技巧总结》、《Javascript页面元素操作技巧总结》、《Javascript事件相关操作与技巧大全》、《Javascript查找算法技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript错误与调试技巧总结》
希望本文所述对大家Javascript程序设计有所帮助。



