首页 > 代码库 > insertBefore()指定的已有子节点之前插入新的子节点
insertBefore()指定的已有子节点之前插入新的子节点
定义:
insertBefore() 方法在您指定的已有子节点之前插入新的子节点。
语法:
父级.insertBefore(新的子节点,指定的已有子节点)
实例:
<input id="txt1" type="text"/> <input id="btn1" type="button" value="创建li"/> <ul id="ul1"> </ul>
window.onload=function () { var oBtn=document.getElementById(‘btn1‘); var oUl=document.getElementById(‘ul1‘); var oTxt=document.getElementById(‘txt1‘); oBtn.onclick=function () { var oLi=document.createElement(‘li‘); var aLi=oUl.getElementsByTagName(‘li‘); oLi.innerHTML=oTxt.value; //父级.appendChild(子节点); if(aLi.length>0) { oUl.insertBefore(oLi, aLi[0]); } else { oUl.appendChild(oLi); } }; };
当ul中没有li时oUl.insertBefore(oLi, aLi[0]);会报错,所以判断aLi.length为0时使用oUl.appendChild(oLi);
insertBefore()指定的已有子节点之前插入新的子节点
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。