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