码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-01-09 12:36:36      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

如下:

<!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的使用:

http://www.cnblogs.com/ahthw/p/4140368.html

11.在特定的节点之后插入新元素(2015年1月9日补充)

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

标签:

原文地址:http://www.cnblogs.com/ahthw/p/4212837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!