Jul
28
2013
怎么在body标记未尾添加元素节点
作者：
绝缘体.. 发布：
2013-07-28 12:11 分类：
未分类 阅读：
抢沙发
js在页面动态添加元素节点的通常的方法有appendChild，jquery动态添加页面节点的方法就很多了。下面说一下如何在页面标记body标记的末尾添加页面元素。
js的方法：
<html xmlns="http://www.phpernote.com/javascript-function/61.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js添加节点</title>
<script type="text/javascript">
function addNode(){
var op=document.createElement("p");
var oText=document.createTextNode("hello phper!");
op.appendChild(oText);
document.body.appendChild(op);
}
</script>
</head>
<body onLoad="addNode();">
<div>www.phpernote.com</div>
</body>
</html>
jquery的方法：
<html xmlns="http://www.phpernote.com/jquery-effects/650.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js添加节点</title>
<script type="text/javascript" src="http://www.phpernote.com/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var str='hello phper!';
$('body').append(str);
});
</script>
</head>
<body>
<div>www.phpernote.com</div>
</body>
</html>
微信扫一扫，打赏作者吧～
怎么在body标记未尾添加元素节点：等您坐沙发呢！
发表评论
