如何使用JavaScript DOM节点insertBefore方法

JavaScript DOM节点InsertBefore()方法

  • 节点对象用于在HTML文档中表示和添加节点。
  • InsertBefore()方法用于将新子节点插入到现有节点上,也可用于插入或者移动到现有节点或者元素。

语法

node.insertBefore(newnode,existingnode)

JavaScript DOM节点InsertBefore()方法示例

<!DOCTYPE html>

<html>
<body style ="background-color:yellow">
<ul id="myList"><li>c#</li><li>java</li></ul>
<p>插入新内容到列表中</p>

<button onclick="myFunction()">INSERT</button>
<script type="text/javascript">
  function myFunction() {
	  var newItem = document.createElement("LI")

	  var textnode = document.createTextNode("python")
	  newItem.appendChild(textnode)
	  var list = document.getElementById("myList")
	  list.insertBefore(newItem, list.childNodes[0]);

  }
</script>
</body>
</html>
日期:2020-04-18 01:09:23 来源:oir作者:oir