Get an attribute name with document.getelementbyid in js

Question

Why is it doesn't work?

var x = document.getElementById('test').name;
alert(x); // jhon

<div id='test' name='jhon'> its just a text </div>

Quentin · Accepted Answer · 2020-11-19 20:14:21Z

6

Div elements are not allowed name attributes, so there is no matching property for them on the DOM.

If you want to store custom data on an element, use a data-* attribute.

If you really want to use invalid HTML you can access it with the getAttribute method.

answered Nov 19, 2020 at 20:14

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

VIshal Jain · Accepted Answer · 2020-11-19 20:12:51Z

0

You will have to use getAttribute method to get value of any attribute of html element

   var x = document.getElementById('test').getAttribute("name");
   console.log(x)

<div id='test' name='jhon'> its just a text </div>

answered Nov 19, 2020 at 20:12

VIshal Jain

6221 gold badge8 silver badges19 bronze badges

IsraGab · Accepted Answer · 2020-11-19 20:13:45Z

0

Try this:

 var x = document.getElementById('test').getAttribute('name')

answered Nov 19, 2020 at 20:13

IsraGab

5,1853 gold badges30 silver badges50 bronze badges