如何使用append方法动态追加多个元素
建立一个HTML文件， 定名为test.html,用于介绍若何利用app()方式动态追加多个元素 。
文章插图
2在test.html页面， 利用button标签建立一个“追加文本”的按钮， 用于点击实现追加文本 。
文章插图
3【如何使用app方法动态追加多个元素】给button按钮绑定onclick事务， 当按钮被点击时， 执行appText()函数来实现追加文本元素 。
文章插图
4下面将利用三种方式建立要追加的html文本元素 。 第一种方式， 以HTML建立元素， 直接把HTML保留在变量中 。
文章插图
5第二种方式， 利用jquery建立HTML元素， 操纵text()方式标的目的p标签对象添加文本内容 。
文章插图
6第三种方式， 利用DOM对象的方式来建立p元素 。 以上三种方式建立的元素都可以利用app()方式标的目的页面追加HTML元素， 将上面建立的三个元素以逗号分隔的体例插手app()方式中， 并标的目的当前页面的body追加元素 。
文章插图
7在浏览器打开test.html页面， 点击“追加文本”按钮， 实现标的目的HTML页面一次添加三个元素 。 结果如下：
文章插图
文章插图
以上内容就是如何使用app方法动态追加多个元素的内容啦， 希望对你有所帮助哦！
推荐阅读
- 如何替换穿越火线CF击杀图标
- 如何快速画一只二哈
- 如何在word中使用书签
- 泡沫染发剂的使用方法
- 如何炖羊肉汤更鲜美并且羊肉汤会变白
- 如何使用JS设置canvas的颜色、样式和阴影
- 运动员如何让自己保持状态
- 跳交际舞时如何掌握男女手臂的握法
- 如何使用JS实现浏览器常用菜单命令
- 选项卡 如何制作一个Tab式菜单