Js/Jquery在body標(biāo)記未尾添加元素節(jié)點(diǎn)
js在頁面動態(tài)添加元素節(jié)點(diǎn)的通常的方法有appendChild,
jquery動態(tài)添加頁面節(jié)點(diǎn)的方法就很多了。
下面說一下如何在頁面標(biāo)記body標(biāo)記的末尾添加頁面元素。
js的方法:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js添加節(jié)點(diǎn)</title> <script type="text/javascript"> function addNode(){ var op=document.createElement("p"); var oText=document.createTextNode("hello phper!"); op.appendChild(oText); document.body.appendChild(op); } </script> </head> <body onLoad="addNode();"> <div>www.yunjson.com</div> </body> </html>
Jquery方法:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js添加節(jié)點(diǎn)</title> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(function(){ var str='hello phper!'; $('body').append(str); }); </script> </head> <body> <div>www.yunjson.com</div> </body> </html>
原文鏈接:Js/Jquery在body標(biāo)記未尾添加元素節(jié)點(diǎn)