使用 DOM 查找网站中的交互元素

Question

如何断定一个元素可以使用 DOM 进行交互？

我在 DOM 中的某些元素上找不到 onclick 事件，但它们是可点击的。

使用不同框架构建的网站表现不同。

我尝试循环遍历类或 id 下的所有元素，如果该元素具有非空 onclick 值，则会为该元素绘制边框。

Answer 1

如果你想知道某个元素是否有事件监听器

你可以像这样设置事件监听器：

element.onclick = () => {}

而不是这个：

element.addEventListener('click', ()=>{})

要检测某些元素是否设置了单击事件，您可以使用：

elements.forEach((elm) => {
   if(elm.onclick == null) {
       console.log('Null')
   }else{
       console.log(elm.onclick)
   }
})

这是我在 stackoverflow 中的第一个答案

希望它确实有帮助:)