How to get a value of tag

Question

I am getting <td value="1414">Nishant</td> by event.target. I want 1414 and as I try to get value by using event.target.value I am getting undefined. How can I get that value?

That is invalid HTML. `` elements do not have a value. But you can still get it by using `event.target.getAttribute('value')` — blex, Aug 19 '17 at 20:24
`value` isn't valid attribute of `td` element. You can try `data-value` attribute and `event.target.getAttribute['data-value']` — Alex Kudryashev, Aug 19 '17 at 20:26

score 1 · Answer 1 · answered Aug 19 '17 at 20:26

td elements don't have value. What you are looking for is to get the value of the attribute value of that element.

You can do this using the getAttribute function:

console.log(document.getElementById('a').getAttribute('value'));

<table>
  <tr>
    <td id="a" value="123">a</td>
  </tr>
</table>

score 1 · Answer 2 · edited Sep 08 '20 at 07:22

1

You should use data-* in order to "save" custom data on DOM node. And then access it via domNode.dataset.* as a camelCase.

document.querySelector("table").addEventListener("click",function(e) {
  console.log(e.target.dataset.value);
})

<table>
  <tr>
    <td data-value="123">a</td>
  </tr>
</table>

for very old browsers you can use e.target.getAttribute("data-value")

edited Sep 08 '20 at 07:22

mplungjan

169,008
28
173
236

answered Aug 19 '17 at 20:36

felixmosh

32,615
9
69
88

1

Important to note the `dataset` is not available in IE10 :( – Dekel Aug 19 '17 at 21:00

How to get a value of tag

2 Answers2