44. Element insertBefore() 方法

来源:互联网 发布:小米mix2抢购软件 编辑:程序博客网 时间:2024/05/21 22:46

实例

向列表中插入一个项目:document.getElementById("myList").insertBefore(newItem,existingItem);插入之前:CoffeeTea插入之后:WaterCoffeeTea
<body id="mybody"><ul id="myList"><li>Coffee</li><li>Tea</li></ul><p id="demo">请点击按钮向列表插入一个项目。</p><button onclick="myFunction()">试一下</button><script>function myFunction(){var newItem=document.createElement("LI")var textnode=document.createTextNode("Water")newItem.appendChild(textnode)var list=document.getElementById("myList")list.insertBefore(newItem,list.childNodes[0]);//这里可以设置在哪个位置插入}</script></body>
0 0
原创粉丝点击