1:setAttribute()与obj.property添加事件

setAttribute() ,这个方法接受两个参数:要设置的特性名和
值。如果特性已经存在, setAttribute() 会以指定的值替换现有的值;如果特性不存在, setAttribute()
则创建该属性并设置相应的值。


通过 setAttribute() 方法既可以操作 HTML 特性也可以操作自定义特性。通过这个方法设置的
特性名会被统一转换为小写形式,即 “ID” 最终会变成 “id” 。


经验:在使用中例如对一个button按钮添加事件,使用οnclick=‘test()’,在F12测试中并没有发现该button按钮的onclick事件,而对于设置value是可以的。

针对这个情况三个替代的:

1:使用上面的setAttribute()

2:直接在动态创建的标签中同时添加事件,而不是在
下面逐个添加。

obj.innerHTML="<input type='button' value='切换' onclick='myfunction(this)'/>

3:使用一个匿名函数,由于在JS中函数是对象所以我把该对象赋给属性,然后在函数内部调用事件触发的函数。

btn.onclick=function(){
	myfunction(this);
}

发布了67 篇原创文章 · 获赞 9 · 访问量 5194

猜你喜欢

转载自blog.csdn.net/Octopus21/article/details/86527907