手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用js动态添加一个div

时间:2024-10-12 02:12:19

1、页面上有一个id为c2的div,里面有一个子div,下方有一个按钮,事件用来点击添加div。

如何使用js动态添加一个div

2、在事件函数里,定义一个字符串变量,变量内容为div的字符。

如何使用js动态添加一个div

3、然后使用jquery的append把div字符串附加到c2 div里。

如何使用js动态添加一个div

4、运行页面,现在看到只有一个div。

如何使用js动态添加一个div

5、点击下方的按钮,触发逻辑添加div。

如何使用js动态添加一个div

6、点击后,可以看到添加到一个新的div了。

如何使用js动态添加一个div
© 手抄报圈