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的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。