Question

我正在尝试简单地检测html标签的点击。它仅在按钮具有ID时有效，但我的按钮没有id或类。

HTML

<div class="parent">
     <button>Submit</button>
</div>

JS

document.getElementByClassName('.parent button').onclick = function() {
      alert("clicked");
    };

Answer 1

使用此功能，document.querySelector就像css选择器一样。

document.querySelector('.parent button').onclick = function() {
  alert("clicked");
};

Answer 2

您可以将.querySelector()与addEventListener：

一起使用

document.querySelector('.parent button').addEventListener('click', function() 
{ 
     alert("clicked"); 
});

Answer 3

<div class="parent">
     <button>Submit</button>
</div>

document.querySelector('.parent > button').addEventListener('click', function() {
  alert('Clicked!');
});

Answer 4

您正在使用getElementByClassName并为其提供Css选择器字符串因此它返回null，因为没有类“.parent button”的元素

改为使用querySelector，

document.querySelector('.parent button').onclick = function() {
  alert("clicked");
};

使用父类检测按钮单击javascript并且没有ID

4 个答案: