js方法写在html中,在js中写html代码怎么写
生活随笔
收集整理的這篇文章主要介紹了
js方法写在html中,在js中写html代码怎么写
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在js中寫html代碼的方法:首先使用div標(biāo)簽創(chuàng)建一塊區(qū)域,給div標(biāo)簽添加一個id屬性;然后在js中將一段html代碼保存在html變量中;最后使用innerHTML屬性,將html代碼動態(tài)寫入div標(biāo)簽內(nèi)即可。
本文操作環(huán)境:Windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦
新建一個html文件,命名為test.html,用于講解如何用js動態(tài)寫入html代碼。
在test.html文件中,使用div標(biāo)簽創(chuàng)建一塊區(qū)域,用于將html代碼動態(tài)輸出在div內(nèi)。
在test.html文件中,給div標(biāo)簽添加一個id屬性,用于下面獲得div對象。
在js標(biāo)簽內(nèi),將一段html代碼保存在html變量中。
在js標(biāo)簽內(nèi),再通過id獲得div對象,使用innerHTML屬性,將html代碼動態(tài)寫入div標(biāo)簽內(nèi)。
在瀏覽器打開test.html文件,查看實(shí)現(xiàn)的效果。
總結(jié)
以上是生活随笔為你收集整理的js方法写在html中,在js中写html代码怎么写的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: kbengine 的 nginx反向代理
- 下一篇: java $ class_java文件编