<! doctype html public "-// w3c // dtd xhtml 1.1 // en" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> <html xmlns = "http:/ xml: lang = "en"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> การทดสอบ </title> </head> <script type = "text/javascript" src = "ตัวอย่าง id = "testDiv"> </div> </body> </html>
example.js 文件内容：
window.onload = function () {var testDiv = document.getElementById ("testDiv"); testdiv.innerhtml = "<p> ฉันแทรก <em> เนื้อหา </em> นี้ </p>";} นี้另一段代码：
window.onload = function () {var para = document.createElement ("P"); var txt1 = document.createTextNode ("ฉันแทรก"); var empressis = document.createelement ("em"); var txt2 = document.createtextNode ("this"); var txt3 = document.createtextNode ("เนื้อหา"); Para.AppendChild (txt1); เน้น. AppendChild (txt2); Para.AppendChild (เน้น); Para.AppendChild (txt3); var testDiv = document.getElementById ("testDiv"); testdiv.appendchild (para);}这与在 div 内动态载入另一个页面非常相似！
以上这篇 js 把内容动态插入到 div 的实现方法就是小编分享给大家的全部内容了， 希望能给大家一个参考， 也希望大家多多支持武林网。也希望大家多多支持武林网。