<! Doctype html public "-// w3c // dtd xhtml 1.1 // en" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> <html xmlns = "httm./ww.or9. xml: lang = "en"> <head> <meta http-equiv = "konten-tipe" content = "text/html; charset = utf-8"/> <itement> testing </iteme> </adept> <script type = "text/javascript" src = "example.js"> </script> </script> <body> <"div =" src = "example.js"> </script> </script> <body> <"test =" <"contoh
contoh.js : :
window.onload = function () {var testDiv = document.geteLementById ("testDiv"); testDiv.innerHtml = "<p> Saya memasukkan <em> konten </em> ini. </p>";}另一段代码 :
window.onload = function () {var para = document.createElement ("p"); var txt1 = document.createTextNode ("i inserted"); var penekanan = document.createelement ("em"); var txt2 = document.createTextNode ("this"); var txt3 = document.createTextNode ("content."); Para.AppendChild (txt1); penekanan.appendChild (txt2); para.AppendChild (penekanan); Para.AppendChild (txt3); var testDiv = document.getElementById ("testDiv"); testDiv.AppendChild (Para);}这与在 Div 内动态载入另一个页面非常相似!
以上这篇 JS 把内容动态插入到 Div 的实现方法就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。