插入HTML元素

2018-04-24 10:52:00
admin
原创
595
<!DOCTYPE html>
<html>
<head>
    <title>插入DOM</title>
</head>
<script type="text/javascript">
function insert(){
//appendChild,把一个子节点添加到父节点的最后一个子节点
var
    list = document.getElementById('list'),
    phpNode = document.createElement('p');
phpNode.id = 'php';
phpNode.innerText = 'PHP';
list.appendChild(phpNode);
	
//insertBefore,把子节点插入到指定的位置
var
    list = document.getElementById('list'),
    ref = document.getElementById('python'),
    aspNode = document.createElement('p');
aspNode.id = 'asp';
aspNode.innerText = 'ASP';
list.insertBefore(aspNode, ref);	

}	
</script>
<body onload="insert()">
<div id="list">
    <p id="java">Java</p>
    <p id="python">Python</p>
    <p id="scheme">Scheme</p>
    <p id="js">JavaScript</p>
</div>
	

    
</body>
</html>				
				
  • QQ讨论群
  • 关注微信
    • 欢迎咨询
    • 欢迎加入QQ群 16506021
  • 公众号:源宝网络