How can I find the Class Name of this button?

Question

I am trying to set a click on this button with the code below using class name or id name but I am unable to find it.

<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>

I tried it this way but is not working

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

`document.getElementsByClassName(“primary-btn text-uppercase”)[0]` maybe? — GrafiCode, Aug 27 '22 at 11:45
Does this answer your question? [JavaScript click event listener on class](https://stackoverflow.com/questions/19655189/javascript-click-event-listener-on-class) — Sund'er, Aug 27 '22 at 11:45
If you want to click on a single element it's better to select that element with id — Asaduzzaman Atik, Aug 27 '22 at 11:46
@AsaduzzamanAtik me too I prefer using Id but it seems the button doesn't have an Id, if you can get the Id from the above code I will be very happy — Saifullahi Mannir, Aug 27 '22 at 11:56
You need an constant selector to get any information from an element, you are not providing the correct selector. — Asaduzzaman Atik, Aug 27 '22 at 12:03

score 1 · Answer 1 · answered Aug 27 '22 at 11:53

1

If you wanna reach both class at the same time: document.querySelector('text-uppercase.primary-btn')

You can't put a space between classes when you use getElementsByClassName.

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

answered Aug 27 '22 at 11:53

theBlob

19
5

Thank you, I appreciate your kindness, I really learnt a lot from your answers – Saifullahi Mannir Aug 27 '22 at 12:08

score 1 · Answer 2 · answered Aug 27 '22 at 11:56

1

you can do it with a query selector like this,

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

but you should always do this with ids.

answered Aug 27 '22 at 11:56

Ankit

1,359
1
2
15

score 0 · Accepted Answer · answered Aug 27 '22 at 11:56

0

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

answered Aug 27 '22 at 11:56

Yash Narola

101
4

score 0 · Answer 4 · edited Sep 01 '22 at 05:11

0

You try to select 2 classes(primary-btn and text-uppercase) at the same time

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

edited Sep 01 '22 at 05:11

Abito Prakash

4,368
2
13
26

answered Aug 27 '22 at 12:03

Oleksandr Salivon

63
1
7

How can I find the Class Name of this button?

4 Answers4