用js給一個(gè)div中添加一個(gè)帶有class的div？1、打開(kāi)html編輯器，新建一個(gè)html文件，寫(xiě)入基本的結(jié)構(gòu)，這里加入一個(gè)按鈕，用來(lái)演示添加div的效果，同時(shí)給按鈕一個(gè)add_div事件，后面添加

用js給一個(gè)div中添加一個(gè)帶有class的div？

1、打開(kāi)html編輯器，新建一個(gè)html文件，寫(xiě)入基本的結(jié)構(gòu)，這里加入一個(gè)按鈕，用來(lái)演示添加div的效果，同時(shí)給按鈕一個(gè)add_div事件，后面添加div的邏輯將在這個(gè)函數(shù)中進(jìn)行：

2、js腳本中首先需要?jiǎng)?chuàng)建出新的div，這里使用createElement函數(shù)創(chuàng)建，之后給div設(shè)置id和文字內(nèi)容，最后需要先獲取id為a的div的dom，使用insertBefore函數(shù)將div插入即可：

3、打開(kāi)瀏覽器，點(diǎn)擊頁(yè)面中的按鈕，下方就顯示出js的字樣了：

4、最后按下f12調(diào)出控制臺(tái)，在控制臺(tái)中可以看到插入的div結(jié)構(gòu)，以此驗(yàn)證插入的內(nèi)容是正確的。以上就是用js給一個(gè)div中添加一個(gè)帶有class的div的過(guò)程：