JS 之如何在插入元素时插在原有元素的前面而不是末尾

Posted 2020-08-14

语法：

        父级.insertBefore（新元素，被插入的元素）；          //在指定的元素前面加入一个新元素

        父级.insertBefore（新元素，父级.children[0]）;　　//在第一个元素的前面插入一个元素，在IE下如果第二个参数的节点不存在，则会报错，若是其他浏览器，则会默认以appendChild的形式添加，不会报错

　　所以在使用时，需要另作判断：假设新元素是oLi，父元素是oUl

　　if(oUl.children[0] ){

　　　　oUl..insertBefore(oUl.children[0]);

　　}else{

　　　　oUl.appendChild(oLi);　　

　　}

　　动态添加  a 标签时，注意写法：

　　　　var  oA=document.createElement(‘a‘);

　　　　oA.href=‘javascript：;‘；

　　　　oA.innerhtml=‘链接‘;