JS遇到的一个问题

xuegaoxiansen · 发表于 2021-7-28 02:07

本帖最后由 xuegaoxiansen 于 2021-7-29 00:33 编辑

<body>
<p style="display: none;" class="er">445</P>
<a href="#" class="yi">1</a>
<a href="#" class="yi">2</a>
<a href="#" class="yi">3</a>
<script>
      var yi = document.querySelectorAll('.yi');
      var er = document.querySelectorAll('.er');
      yi.onclick = function() {
         er.style.display = 'block';
      }
      er.onclick = function() {
         er.style.display = 'none';
      }
</script>
</body>

BestSum · 发表于 2021-7-28 02:29

因为yi查询出多个元素，没办法设置onclick事件

52guge · 发表于 2021-7-28 02:34

数组下标指定

涛之雨 · 发表于 2021-7-28 07:50

应该循环
推荐用forEach

iLy_y · 发表于 2021-7-28 08:12

基础没过关

mr_66 · 发表于 2021-7-28 08:12

er获取元素代码错了，yi得到的是多个元素

惠民人家 · 发表于 2021-7-28 08:25

querySelector试试看

xlong224 · 发表于 2021-7-28 08:41

er 是集合。。遍历或者使用下标访问

笨笨家的唯一 · 发表于 2021-7-28 08:50

你用 querySelectorAll 得到的是一个元素集合，伪数组，想要访问就需要设定下标。或者循环绑定事件

lecat · 发表于 2021-7-28 09:05

er[0].onClick应该就可以了

帐号		自动登录	找回密码
密码			注册[Register]

[已解决] JS遇到的一个问题