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

 时间:2026-04-28 11:00:52

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?

  • 如何用JS来点击按钮
  • js判断文本框是否为空,为空则弹出提示
  • vscode 如何预览html文件
  • jquery实现鼠标移到文字上时改变文字内容
  • jquery如何实现鼠标放上div时改变其大小
  • 热门搜索
    1987年属什么的 有什么好看的恐怖片 附庸风雅什么意思 蓝色妖姬代表什么意思 东莨菪碱的作用 汇仁肾宝片的功效与作用 什么人不能吃皮蛋 鱼肝油的作用 燕窝的功效与作用及营养 阿胶糕的功效与作用及食用方法