</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>
扫一扫
811
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
