</head>
<body>
insertBefore()方法，这个方法将把
一个新元素插入到一个现有元素的前面。在调用此方法时，必须告诉它三件事：
1.想插入的新元素(newElement).
2.想把这个新元素插入到哪个现有元素(targetElement)的前面。
3.这两个共同的父元素(parentElement);
下面是这个方法的调用语法：
parentElement.insertBefore(
newElement
, targetElement)//两个参数
下面这个函数将用到以下DOM方法和属性：
parentNode属性//父亲节点
lastChild属性//最后一个子元素；
appendChild()方法//紧跟后面添加子元素 语法：
appendChild(newElement)
inserBefore()方法//前面插入
nextSibling属性//下一个兄弟
<script>
// 利用现有的DOM方法和属性把一个节点插入到另一个节点的后面：
// 这个函数两个参数，一个是将被插入的新元素，另一个是新元素将被插入到它前面去的目标元素。这两个参数通过变量newElement和targeElement传递到这个函数里 :
function insertAfter(newElement , targeElement) {
var parent = targeElement.parentNode; //把目标元素的parentNode属性值提取到变量parent里.
// 检查目标元素是不是parent的最后一个子元素，是否存在“等于”关系 :
if (parent.lastChild == targeElement) {
// 是等于就用appendChild()方法把新元素追加到parent的最后一个子元素上，这样就恰好把新元素紧跟着插入到目标元素的后面了 : parent.appendChild(newElement);
}else {//
如果父元素最后一个子元素不是目标元素，就执行下面这行代码 :
parent.insertBefore(newElement , targeElement.nextSibling);
//用insertBefore()方法把
新元素插入到目标元素的下一个兄弟元素前面
，目标元素的下一个兄弟元素的前面，也就是目标元素的后面
}
}
</script>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/38547.html
