JS实现添加，替换，删除节点元素的⽅法
本⽂实例讲述了JS实现添加，替换，删除节点元素的⽅法。分享给⼤家供⼤家参考，具体如下：
⼀直以来，对于节点操作⽐较纠结，特别是插⼊到某某节点之后.居然没有这个⽅法，以前的我写的⽅法有问题，是把新节点插⼊到旧节点的⾥⾯去了，还是该⽤insertBefore⽅法可以实现
下⾯是⽅法：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
<html>
<head>
<!-- Created by TopStyle Pro Trial Version - www.bradsoft -->
<title>page85删除替换插⼊</title>
</head>
<body onload="insertMessageafter()">
<p id="p1">Hello World</p>
</body>
</html>
<script>
function removeMessage(){
var op = ElementByIdx_x("p1");
//veChild(op);
//op.parentNode返回⽗类节点
veChild(op);
}
function replaceMessage(){
var newop = ateElement_x("p");
newop.ateTextNode("Hello Java"));
//alert(newop.innerHTML);
var oldop = ElementByIdx_x("p1");
//veChild(op);
//op.parentNode返回⽗类节点
placeChild(newop,oldop);
//placeChild(newop,oldop)
}
function insertMessagebefore(){
var newop = ateElement_x("p");
newop.ateTextNode("Hello Java"));
var oldop = ElementByIdx_x("p1");
oldop.parentNode.insertBefore(newop,oldop);
}
function insertMessageafter(){
var newop = ateElement_x("p");
newop.ateTextNode("Hello Java"));
var oldop = ElementByIdx_x("p1");
insertafter(newop,oldop);
}
function insertbefore(newnode,oldnode){
oldnode.parentNode.insertBefore(newnode,oldnode);
}
function insertafter(newnode,oldnode){
//判断oldnode后⾯还有没有同类别的标记
var nextnode = Sibling;
if(nextnode){ //如果没有则为null，则为false，有的话就为true
oldnode.parentNode.insertBefore(newnode,nextnode);
}else{
oldnode.parentNode.appendChild(newnode);
}
}
</script>js教程removechild
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。