【初体验】js 关于获取标签绑定点击事件问题

221121   ·   发表于 2个月前   ·   编程代码
在原生js里,要绑定点击事件,首先要获取它的标签,获取标签的方法有很多,但不是每一种都可以绑定点击事件
1.先来写一个div标签

2.这里获取这个div标签的方法有:

通过id获取:document.getElementById('idA')

通过class获取:document.getElementsByClassName('classA')

通过指定器直接获取div标签:直接获取标签的方法也有两种

一个是直接获取所有的div标签

一个是获取body里面的第一个div标签

document.querySelector('div')

3.通过js代码绑定点击事件

最后一个个的执行字写代码发现

只有第二个和第四个的点击事件被执行了

原来:第一个获取的是所有的div标签,并不是唯一的,即使这里只有一个div,直接绑定点击事件还是不行的,虽然他不会报错。

第二个获取的是整个body中所有div的第一个div,是唯一的标签,可以直接绑定点击事件。

第三个获取的是整个body里面class为(classA)的标签,不是唯一的,所以也不能直接绑定点击事件

第四个是通过id获取标签,id的值在每一个body里面都不能重复的,所以可以直接绑定点击事件



在最后总结,可以用指定器(querySelector),和id获取标签绑定点击事件,但指定器是第一个的,无法更加准确的绑定点击事件,所以通过id获取标签绑定的点击事件是最准确的。

12 Reply   |  Until 2个月前 | 579 View

柚子论坛
发表于 2个月前

你这头像吓到我了[滑稽][心碎]

评论列表

  • 加载数据中...

编写评论内容

1427417289
发表于 2个月前

?[滑稽]为什么

评论列表

  • 加载数据中...

编写评论内容

出黑q375629371
发表于 2个月前

不错[滑稽]

评论列表

  • 加载数据中...

编写评论内容

吉良吉影゚゙゚゚
发表于 2个月前

乔尼快去欧拉大总统(  ⁼̴̤̆ ꇴ ⁼̴̤̆ )~

评论列表

  • 加载数据中...

编写评论内容

376383538
发表于 2个月前

没有马就打不赢[滑稽][心碎]

评论列表

  • 加载数据中...

编写评论内容

2670459508
发表于 2个月前

把迪亚哥的马抢过来就可以了(  ⁼̴̤̆ ꇴ ⁼̴̤̆ )~

评论列表

  • 加载数据中...

编写评论内容

丑与穷一身的男孩
发表于 2个月前

大佬,怎么把获取到的链接添加到那里去

评论列表

  • 加载数据中...

编写评论内容

test_test
发表于 2个月前

那会没有[滑稽]僵尸马我知道

评论列表

  • 加载数据中...

编写评论内容

dokevike
发表于 2个月前

[滑稽]画风太奇怪了

评论列表

  • 加载数据中...

编写评论内容

lanshao
发表于 2个月前

哪里会[滑稽][心碎]

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content