JS把內容動態(tài)插入到DIV的實現(xiàn)方法

字號： 小 中 大


    下面小編就為大家?guī)硪黄狫S把內容動態(tài)插入到DIV的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     <title>Testing</title>
    </head>
    <script type="text/javascript" src="example.js">
    </script>
    <body>
    <div id="testdiv">
    </div>
    </body>
    </html>
    example.js 文件內容：
    window.onload = function() {
     var testdiv = document.getElementById("testdiv");
     testdiv.innerHTML="<p>I inserted <em>this</em> content.</p>";
    }
    另一段代碼：
    window.onload = function() {
     var para = document.createElement("p");
     var txt1 = document.createTextNode("I inserted ");
     var emphasis = document.createElement("em");
     var txt2 = document.createTextNode("this");
     var txt3 = document.createTextNode(" content.");
     para.appendChild(txt1);
     emphasis.appendChild(txt2);
     para.appendChild(emphasis);
     para.appendChild(txt3);
     var testdiv = document.getElementById("testdiv");
     testdiv.appendChild(para);
    }
    這與在DIV內動態(tài)載入另一個頁面非常相似！
    以上這篇JS把內容動態(tài)插入到DIV的實現(xiàn)方法就是小編分享給大家的全部內容了，希望能給大家一個參考