用js給一個div中添加一個帶有class的div？

1、打開html編輯器，新建一個html文件，寫入基本的結構，這里加入一個按鈕，用來演示添加div的效果，同時給按鈕一個add_div事件，后面添加div的邏輯將在這個函數中進行：

2、js腳本中首先需要創建出新的div，這里使用createElement函數創建，之后給div設置id和文字內容，最后需要先獲取id為a的div的dom，使用insertBefore函數將div插入即可：

3、打開瀏覽器，點擊頁面中的按鈕，下方就顯示出js的字樣了：

4、最后按下f12調出控制臺，在控制臺中可以看到插入的div結構，以此驗證插入的內容是正確的。以上就是用js給一個div中添加一個帶有class的div的過程：