JavaScript setAttribute()方法怎么用?

JavaScript setAttribute()方法怎么用?,第1张

setAttribute就是给dom添加属性的。示例:比如有一个button

<input type='button' id='TestBtn' />

我想在想给这个button加一个属性,名叫name,那么我在js中可以这么把这个属性加到button上:

var btn=document.getElementById('TestBtn') //首先拿到button对象

btn. setAttribute('name','testName')//添加name属性,值为"testName"

=====>添加了以后,实际上这个button的html就变为了:<input type='button' id='TestBtn' name='testName'/>

有不明白再call我哈

1、首先打开hbuilder,新建一个html文件,在里面写入input按钮设置id属性并绑定添加按钮的事件:

2、然后在下面的script标签中编写按钮事件函数,里面首先用createElement函数创建一个input标签,设置type属性和value属性,最后给新按钮添加点击的监听事件,当点击以后就创建这个按钮,最后在函数最外层调用一下就可以了:

3、最后打开浏览器,可以看到一个添加按钮的按钮:

4、多次点击该按钮,下方会新建出一排按钮:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11369953.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存