Accessing HTML elements with no IDs using JavaScript

Question

I have a button that I want to hide in an HTML page, I cannot figure out how to access an element with no ID nor name.

HTML code:

<INPUT onclick=getAddress2(event,1) class=Design_btn02 style="IME-MODE: active" type=button value="Address">

How can I access the button above?

document.getElementsByTagName('input')[0], document.querySelector('input.Design_btn02') — E. Sundin
– E. Sundin, Commented Mar 16, 2017 at 1:49
The querySelector will only return the first occurrence of input.Design_btn02. How can I get all the doms that matching input.Design_btn02? — ramwin
– ramwin, Commented Mar 16, 2017 at 1:52
Thank you. I think this is more convenient then document.getElementById. — ramwin
– ramwin, Commented Mar 16, 2017 at 5:16

Mamun · Accepted Answer · 2017-03-16 01:58:23Z

3

As the element has a class, try the following:

document.getElementsByClassName('Design_btn02')[0].style.visibility= 'hidden';

<INPUT onclick=getAddress2(event,1) class=Design_btn02 style="IME-MODE: active" type=button value="Address">

answered Mar 16, 2017 at 1:58

Mamun

69k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ramwin · Accepted Answer · 2017-03-16 01:50:38Z

2

Use command document.getElementsByClassName('Design_btn02'). It will return a list containing all the doms whose calss is Design_btn02.

answered Mar 16, 2017 at 1:50

ramwin

6,3433 gold badges31 silver badges35 bronze badges

Abhijit · Accepted Answer · 2017-03-16 05:38:19Z

1

The element has a class name.So we can access it with the help of class name.document.getElementsByClassName('Design_btn02')

The statement document.getElementsByClassName('Design_btn02') returns an array of all the elements having class name 'Design_btn02'.

answered Mar 16, 2017 at 5:38

Abhijit

2521 silver badge7 bronze badges