jquery 如何在JavaScript中选择此元素?- Chrome扩展程序

rkue9o1l  于 11个月前  发布在  jQuery
关注(0)|答案(1)|浏览(113)

我是JavaScript的新手,我已经试了一个小时从一个网络应用程序中选择这个:

<button type="button" class="zp-button zp_zUY3r zp_B5hnZ zp_rhXT_ zp_FVbJk finder-select-multiple-entities-button" fdprocessedid="jowqnd"><div class="zp_kxUTD" data-elem="button-label"><div class="zp_fwjCX" data-input="checkbox" data-cy-status="unchecked"></div></div><i class="zp-icon apollo-icon apollo-icon-caret-down-small zp_dZ0gM zp_j49HX zp_sGyhf"></i></button>

字符串
我一直在尝试通过**“zp_FVbJk”**类选择它。

const dropdownSelector = 'zp_FVbJk'
// Handles button and has to be the same in popup.js and content.js until I find a better solution
function sharedTempHandleButton() {
    console.log("sharedTempHandleButton() started.");

    let buttonToClick;

    buttonToClick = document.getElementsByClassName(dropdownSelector)[0];

    console.log(buttonToClick)

    if (buttonToClick) {
        console.log("Button found: ", buttonToClick);
        buttonToClick.click();
    } else {
        console.error('Button not found using the provided CSS selector');
    }
}


它将buttonToClick返回为undefined。
我试过了:

  • 将选择器更改为“.zp_FVbJk”
  • 使用queryselector()
nnt7mjpx

nnt7mjpx1#

我认为getElementsByClassName通过它的类名来选择按钮。如果这不起作用,可能有几个原因。
所以,我建议你使用querySelector,并希望我的代码使用querylog可能会有帮助。

document.addEventListener('DOMContentLoaded', function() {
    let buttonToClick = document.querySelector('.zp_FVbJk');

    if (buttonToClick) {
        console.log("Button found: ", buttonToClick);
        buttonToClick.click();
    } else {
        console.error('Button not found using the provided CSS selector');
    }
});

字符串

相关问题