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的过程: