跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 前端小白,请教一个关于用 js 点击页面元素的问题。
未分類
1 1 月 2021

前端小白,请教一个关于用 js 点击页面元素的问题。

前端小白,请教一个关于用 js 点击页面元素的问题。

資深大佬 : Marsss 3

我在测试某个网站的前端代码的时候,用 chrome 打开网站,我发现这网站的前端有很多地方鼠标放上去,鼠标变为手的形状,鼠标点击正常。但是当我打开 F12,在 console 里面,用 document.getElementsByClassName 选择到这个 div 元素,然后 document.getElementsByClassName(“divClassName”).click() 却不起作用。

我确定我确实选择到这个元素了,因为在 console 里鼠标移上去,能看到页面确实是对应的 div 元素。我试过换邻近的 div 都是一样不起作用。

我对前端确实了解很少,不明白这里的原理,我以为鼠标能点的,用 js 也一定有方法点击。

还请大家指点一下。

大佬有話說 (14)

  • 資深大佬 : kop1989

    假定没有其他错误的话,推断是未见得他把你理解的点击事件放在了“click”事件中。

  • 資深大佬 : mara1

    1. document.getElementsByClassName 可能拿到多个元素
    2. 想象 1 个框里面套了一个框,你可能手点的是内部的框,js 点的外部的框

    其他我想不来了,下补充

  • 資深大佬 : darknoll

    document.getElementsByClassName(“divClassName”) 不是返回数组吗

  • 資深大佬 : tutou

    document.getElementsByClassName(“divClassName”) 返回的是数组,打印看看不就知道了

  • 資深大佬 : jydeng

    用开发者工具直接选中元素,然后$0.click()。
    或者就是如上说的,没有绑定在 click 事件中。

  • 資深大佬 : yzliua

    上说的对,假定只有一个同类元素,你也得下面这种用法
    document.getElementsByClassName(“divClassName”)[0].click()

  • 資深大佬 : LiubaiQ

    cursor:pointer 的效果,破案,各位散了吧

  • 資深大佬 : wangjiang

    也许只是 cursor:pointer

  • 主 資深大佬 : Marsss

    我是用了[0]来取了单独的 div 的,也试了 @jydeng 说的方法,用开发者工具直接选中元素,然后$0 也看到选中了,然后$0.click()也是无效,相邻的 div 都试过了。

  • 主 資深大佬 : Marsss

    上上的 cursor:pointer 是指只是一个效果么,但是我用鼠标点了,能观察到页面样式的改变(确实没观察到有链接跳转),我该如何用 js 来实现这个点击后页面样式改变的效果呢

  • 資深大佬 : putaozhenhaochi

    上说的 CSS .

  • 資深大佬 : shyrock

    前端小白猜测,点击事件可能不是绑定的这个元素,而可能是上级元素甚至 document 。
    比如在 document.onclick()里面判断点击落点并处理。这样你 getElements().click()无法模拟触发。

  • 資深大佬 : dengshen

    放上去? hover 触发的 pointer

  • 資深大佬 : dd112389

    建议贴网址和图片.

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具