养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js如何使用onclick获得当前元素的属性值

时间:2024-11-14 01:38:24

在js中,可以通过onclick传递当前元素的对象来获得它的属性值。下面小编以获得坡纠课柩input的value属性值为例,讲解js如何使用onclick获得当前元素的属性值。

js如何使用onclick获得当前元素的属性值

工具/原料

联想笔记本Air14

操作系统Windows10

zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解js如何使用onclick获得当前元素的属性值。

js如何使用onclick获得当前元素的属性值

2、在test.html文件内,使用input创建一个输入框,用于测试。

js如何使用onclick获得当前元素的属性值

3、在test.html文件内,给input绑定onclick事件,并使用this将当溱碳叛鹤前元素对象传递给getAtrr函数。

js如何使用onclick获得当前元素的属性值

4、在js标签内,创建getAtrr函数,在函数内,通过元素对象obj获得它的value值。

js如何使用onclick获得当前元素的属性值

5、在js标签内,使用alert输出value属性值。

js如何使用onclick获得当前元素的属性值

6、在浏览器打开test.html文件,查看结果。

js如何使用onclick获得当前元素的属性值

© 一点知识