How can I get the value by javascript,

Question

I want to get the value of this div by javascript.

<div class = 'test'> 500 </div>

I tried this to get the 500 value, but it didnt work. Do you have some idea how can I get back 500?

values = document.getElementsByClassName("test").innerText
alert(values)

getElement**s**ByClassName - plural - therefore you're getting an array-like result even if it's only one `document.getElementsByClassName("test")[0].innerText` - there's a big dupe on here though — Bravo, Jul 27 '21 at 08:30
getElementsByClassName returns a list of elements, you have to be precise and say which element you want. — cloned, Jul 27 '21 at 08:31

B.Ch. · Answer 1 · 2021-07-27T08:35:34.283

0

document.querySelector selects first element. document.querySelector(".test") means to select element that has class of "test"(class="test")

in real world cases you should use document.querySelectorAll(selector) and pick up element by index

example: document.querySelectorAll(".test")[0]

another example: document.getElementsByClassName("test")[0]

Note: Using getElementsByClassName is fine, but modern alternative to getElementsByClassName and getElementsById is querySelectorAll

but for now this code would be fine:

const value = document.querySelector(".test").textContent;
console.log(value);

<div class='test'> 500 </div>

edited Jul 27 '21 at 08:35

answered Jul 27 '21 at 08:30

B.Ch.

1

that does not explain anything – Bravo Jul 27 '21 at 08:31
1

I've converted the code in your answer to a working snippet (and switched `alert` for `console.log`). Remember to use snippets in future when posting JS\HTML answers as they make it easy to see the outcome – Martin Jul 27 '21 at 08:33
1

OP is not using querySelector* – mplungjan Jul 27 '21 at 08:35

1 Answers1