How to get value="x" from html element

Question

I have this code:

<div id="progres-bar" class="progres-bar" value="90"></div>

I want to get value from this element where value="90", so the output should be 90 using javascript. I tried to make this with the below way:

document.getElementById("progres-bar").value;

but it didn't worked!

Technically a `
` doesn't *have* a `value`. Semantically what you probably want instead is `data-value="90"`, which would make the usage more explicit as well. Browsers may be forgiving of what you're doing here and it may "work", but it's always better to start with valid markup instead of relying on browsers handling invalid markup correctly. — David, Dec 28 '20 at 13:57

score 4 · Accepted Answer · edited Dec 28 '20 at 14:02

4

You can use getAttribute() function.

const value = document.getElementById("progres-bar").getAttribute("value");
console.log(value);

<div id="progres-bar" class="progres-bar" value="90"></div>

edited Dec 28 '20 at 14:02

0stone0

answered Dec 28 '20 at 13:56

Could you please create a snippet that includes OP's html to show the result of your code? – 0stone0 Dec 28 '20 at 13:58
1

@0stone0 updated code, please check. – Thunderbolt Engineer Dec 28 '20 at 14:01

1 Answers1