您的位置：首页 > Web前端 > JavaScript

Javascript一个在页面内追加元素的小例子

2015-01-09 11:16 561 查看
如下：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>

<div id="Cnt-Main-Article-QQ" bosszone="content">
<p class="titdd-Article">据统计，全国矮小残疾人超过600万人，长期生活在北京的袖珍人超过5000人。</p>

<p style="TEXT-INDENT: 2em">(新京报)</p>
<p style="TEXT-INDENT: 2em">(新京报)</p>
<p style="TEXT-INDENT: 2em">(新京报)</p>
<p style="TEXT-INDENT: 2em">(新京报)</p>
<p style="TEXT-INDENT: 2em">(新京报)</p>
<p style="TEXT-INDENT: 2em">(最后一行)</p>

</div>

<script type="text/javascript">
var div = document.getElementById("Cnt-Main-Article-QQ");
var nodes = div.getElementsByTagName("*");
var firstChild = nodes[0];
var lastChild = nodes[nodes.length - 1];
document.write("最后 节点id:"+ lastChild.TEXT_NODE +"<br>");
document.write("最后 节点name:"+ lastChild.nodeName +"<br>");
document.write("最后 元素内代码:"+ lastChild.innerHTML +"<br>");
var oP = lastChild.appendChild(document.createElement("a"));
oP.setAttribute("href", "http://www.qq.com");
oP.setAttribute("id", "link");
var link = document.getElementById("link");
link.innerHTML = "链接";
</script>
</body>
</html>


高级的办法请移步：dom的使用：

/article/5260910.html

11.在特定的节点之后插入新元素（2015年1月9日补充）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航