How can I repair this?

Question

I want to change:

<b class="added-points">0</b>

in my website using javascript. I searched and found

document.getElementById("added-points").innerHTML = "9999999999999";

but it is for id and I search for class. How to do it?

`class` != `id`. https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName — ps2goat, Mar 09 '18 at 22:10
Possible duplicate of [How to get element by class name?](https://stackoverflow.com/questions/17965956/how-to-get-element-by-class-name) — esqew, Mar 09 '18 at 22:10

score 1 · Answer 1 · answered Mar 09 '18 at 22:10

1

Simply use document.querySelector(".added-points").

answered Mar 09 '18 at 22:10

Md. Abu Taher

17,395
5
49
73

but, how to use it? – halkunex Mar 09 '18 at 22:24

Joe Wilson · Accepted Answer · 2018-03-09T22:52:59.037

1

If you use

document.getElementsByClassName("added-points")[0].innerHTML = "9999999999999";

<b class="added-points">0</b>

you will set the first ([0]) element in the array of elements with the class added-points to 9999999999999. Note document.getElementsByClassName gives you an array result even if there is just one item found.

edited Mar 09 '18 at 22:52

answered Mar 09 '18 at 22:12

Joe Wilson

5,591
2
27
38

The text is not chanigng. – halkunex Mar 09 '18 at 22:36
But the text is the same. It's not changing. I don't have any error. It show "9999999999999". – halkunex Mar 09 '18 at 22:42
Fixed answer again to adjust for array of nodes and added more explanation. – Joe Wilson Mar 09 '18 at 22:53
I saw it when I find the ansfer :) – halkunex Mar 09 '18 at 23:00

score 0 · Answer 3 · answered Mar 10 '18 at 09:38

in chrome

document.querySelector(".added-points").innerHTML = "9999999999999";

in IE

Array.prototype.forEach.call(document.getElementsByTagName('*'), item => {
  if (item.className.split(' ').indexOf('added-points') > -1) {
    item.innerHTML = '9999999999999'
  }
})

How can I repair this?

3 Answers3