JS把内容动态插入到DIV的实现方法
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"> <head> <metahttp-equiv="content-type"content="text/html;charset=utf-8"/> <title>Testing</title> </head> <scripttype="text/javascript"src="example.js"> </script> <body> <divid="testdiv"> </div> </body> </html>
example.js文件内容:
window.onload=function(){ vartestdiv=document.getElementById("testdiv"); testdiv.innerHTML="<p>Iinserted<em>this</em>content.</p>"; }
另一段代码:
window.onload=function(){ varpara=document.createElement("p"); vartxt1=document.createTextNode("Iinserted"); varemphasis=document.createElement("em"); vartxt2=document.createTextNode("this"); vartxt3=document.createTextNode("content."); para.appendChild(txt1); emphasis.appendChild(txt2); para.appendChild(emphasis); para.appendChild(txt3); vartestdiv=document.getElementById("testdiv"); testdiv.appendChild(para); }
这与在DIV内动态载入另一个页面非常相似!
以上这篇JS把内容动态插入到DIV的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。