通过JavaScript在div元素中动态创建div元素

通过JavaScript在div元素中动态创建子元素

工具/原料

visualstudiocode代码编辑器版本1.53.2

Goole浏览器版本85.0.4183.121（正式版本）（64位）

方法/步骤

1、编写HTML代码，并将jquery引入代码中

2、编辑div元素容器代码以及CSS样式

3、打开Goole浏览器查看效果，粉色框即是HTML页面的div元素

4、编写动态生成子div元素的js代码

5、打开Goole浏览器进行页面刷新，查看效果；红色框就是通过js动态生成的div元素