如何找到此按钮的 Class 名称？

Question

我正在尝试使用 class 名称或 ID 名称使用下面的代码设置单击此按钮，但我找不到它。

<a href="mobile/register.php" class="primary-btn text-uppercase" style="margin-bottom:5px; color: #569EA4!important;"> <i class="fa fa-user-plus fa-2x" style="font-size: 15px;"></i> Register</a>

我尝试过这种方式但无法正常工作

document.getElementsByClassName(“primary-btn text-uppercase”).click();

Answer 1

如果您想同时到达 class： document.querySelector('text-uppercase.primary-btn')

使用 getElementsByClassName 时，不能在类之间放置空格。

document.getElementsByClassName(“text-uppercase”)或document.getElementsByClassName(“primary-btn”)

Answer 2

你可以用这样的查询选择器来做到这一点，

document.querySelector(".primary-btn.text-uppercase").addEventListener('click' , function(){
    console.log("clicked") ; 
} )

但是您应该始终使用 id 来执行此操作。

Answer 3

document.querySelector(".primary-btn.text-uppercase").click();

Answer 4

您尝试一次 select 2 个类（ primary-btn和text-uppercase ）。

const myBtn = document.querySelector('.primary-btn');
    myBtn.addEventListener('click', (e)=>{
     console.log('some data')
    })
    ```