时间戳

首页 > 解决方案 > Javascript 点击按钮

javascript - Javascript 点击按钮

问题描述

我在网页上有一个带有以下检查的按钮：

<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

标签： javascript

解决方案

它说明了它的含义：查询不匹配任何元素并返回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>

推荐阅读