44. Element insertBefore() 方法

最新推荐文章于 2023-02-10 08:34:28 发布

enlyhua

最新推荐文章于 2023-02-10 08:34:28 发布

阅读量1.4k

点赞数

实例

向列表中插入一个项目：

document.getElementById("myList").insertBefore(newItem,existingItem);

插入之前：

Coffee
Tea

插入之后：

Water
Coffee
Tea

<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>