FLY_keep_going

自己每天的总结

insertBefore()方法,

</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>
阅读更多
个人分类: javaScript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

insertBefore()方法,

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭