插入HTML元素

2018-04-24 10:52:00
admin
原创
367
<!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>				
				
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227