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

  • 相关阅读:
    Docker入门
    15个Docker基本命令及用法
    Docker系列
    docker
    Docker 常用命令
    查看用户列表在Linux
    Spring boot Mybatis
    CountDownLatch和CyclicBarrier 专题
    Spring Boot MyBatis 连接数据库
    Spring Boot MyBatis 通用Mapper插件集成 good
  • 原文地址:https://www.cnblogs.com/ahthw/p/4212837.html
Copyright © 2011-2022 走看看