zoukankan      html  css  js  c++  java
  • Javascript一个在页面内追加元素的小例子

    如下:

    <!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日补充)

  • 相关阅读:
    第八周总结和实验六
    第七周总结与实验五
    遍历目录中的所有文件和目录,并生成全路径
    python watchdog
    Offer_answer_with_SDP_rfc3264
    [转]UML八大误解
    leetcode周赛220
    Codeforces Round #690 (Div. 3)
    学习资料
    鱼眼图与六面图转换(python)
  • 原文地址:https://www.cnblogs.com/ahthw/p/4212837.html
Copyright © 2011-2022 走看看