您好,登錄后才能下訂單哦!
請求超時!
這篇文章主要介紹JavaScript如何創(chuàng)建元素,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
1、動態(tài)創(chuàng)建元素一 document.write()
例如向頁面中輸出一個 li 標簽
<pre class="html" name="code"><span style="font-size:12px;"><script> document.write("<li>123</li>");</script></span>
body標簽中就會插入但是這種方法幾乎不用,因為這回影響頁面的布局,甚至會將頁面原來的內(nèi)容沖刷掉,從而只顯示輸出內(nèi)容
2、動態(tài)創(chuàng)建元素二 innerHTML
<span style="font-size:12px;"><body> <div id="box"></div> <script> var box = document.getElementById("box"); box.innerHTML = "<p>這是p標簽</p>"; </script> </body></span>
div標簽中就會插入一個p標簽,并在在頁面上輸出“這是標簽”,當需要添加的標簽比較多的時候使用這種方式。
3、動態(tài)創(chuàng)建元素三 document.createElement()
<span style="font-size:12px;"><body> <div id="div"></div> <script> var divobj = document.getElementById("div"); var li = document.createElement("li"); //創(chuàng)建一個li標簽 li.innerHTML = "123"; //給li標簽賦值 divobj.appendChild(li); //將創(chuàng)建好的li標簽追加到box標簽中 </script> </body></span>
div標簽下面就會創(chuàng)建了一個li標簽,當需要動態(tài)創(chuàng)建的標簽比較少的時候就使用這種方式
以上是“JavaScript如何創(chuàng)建元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
Copyright ? Yisu Cloud Ltd. All Rights Reserved. 2018 版權(quán)所有
廣州億速云計算有限公司粵ICP備17096448號-1 粵公網(wǎng)安備 44010402001142號增值電信業(yè)務(wù)經(jīng)營許可證編號:B1-20181529