Javascript 单击按钮

Question

我在网页上有一个按钮，进行以下检查：

<button type="button" class="odd-item-dropdown-confirm" data-qa="button-odd-item-dropdown-confirm">Confirm</button>

我想点击这个按钮，我试过：

function clickConfirm(){
  var bntConfirm = document.querySelector('.btn.button-odd-item-dropdown-confirm');
  bntConfirm.click();
}

clickConfirm();

并得到 Uncaught TypeError: Cannot read property 'click' of null

Answer 1

它说明了它的意思：查询不匹配任何元素并返回null. 如果您查看您的 HTML，则没有 class button-odd-item-dropdown-confirm。

您应该使用此选择器进行选择：button.odd-item-dropdown-confirm。请参阅概念验证：

// Checking
document.querySelector('button').addEventListener('click', () => {
  console.log('I am clicked');
});

clickConfirm();
function clickConfirm(){

    var bntConfirm = document.querySelector('button.odd-item-dropdown-confirm');
    bntConfirm.click();
}

<button type="button" class="odd-item-dropdown-confirm" data-qa="button-odd-item-dropdown-confirm">Confirm</button>