通过js动态创建button

分类: 365bet娱乐在线 发布时间: 2026-01-16 00:59:16 作者: admin 阅读: 9513
通过js动态创建button

通过js动态创建button

一、实例描述

通过JS的DOM对象,实现元素的动态创建。

二、效果

三、代码

1

2

3

4

5 课堂演示

6

13

14

15

16

34

35

1、15行,调用的函数中大写字母,addInput(),在script中声明这个函数的时候i也是大写

2、16行,如果是css,那么type里面就是text/css,如果是javascript,那么type里面就是text/javascript

3、document对象,文档对象,这个我需要好好熟悉一下

4、20行、createElement创建元素,如果是input元素,里面的参数就是input

5、22行,对象o直接调用原来input的属性

6、26行,addEventListener,动态添加事件

7、26行,click事件直接写的click,而不是onclick

8、26行、addInput,自己调用自己这个函数,叫回调好还是叫递归好呢

9、28行,appendChild向dom的body中添加input

10、30行,内存优化,释放多余对象

四、总结

涉及到的知识点

createElement() 通过指定名称创建一个元素,是DOM对象创建元素的方法,创建完元素后,指定元素的类型、值和方法,最后使用“appendChild”方法,将元素添加到body中。

appendChild() 方法向节点添加最后一个子节点。

及时解除不再使用的变量引用,即将其赋值为 null。

相关文章

免费在线制作透明背景
客厅茶几摆放什么东西 十件客厅茶几上适合摆放的物品‌推荐
打印机错误状态怎么解除-解决打印机无法打印的最全方法
贵字加偏旁组词