Put variable in getelementsbyclassname.innertext but not work?

Asked Sep 13 '21 at 16:42

Active Sep 13 '21 at 17:04

Viewed 15 times

So I have this text

" This is Sam.

Sam is my friend.

Sam is ten years old.

Sam likes football."

You can see Sam is repeated so many times. I want to assign it to a variable so that when I need to I can change the character name. Here is how I write it

var name = "sam"
document.getElementsByClassName("name").innerText= name;

<p> This is <span class="name"></span>.</p>
<p> <span class="name"></span> is my friend</p>
<p> <span class="name"></span> is ten years old.</p>
<p> <span class="name"></span> likes football.</p>

However, it didn't work. I also use document.querySelectorAll("span.name").innerText= name; but still didn't work.

Please help me.

Thank you.

edited Sep 13 '21 at 17:04

asked Sep 13 '21 at 16:42

The Fox

5

`document.getElementsByClassName` returns a `HTMLCollection` (array like) - so you have to iterate on it – Daniel A. White Sep 13 '21 at 16:43
`getElementsByClassName` returns an array. Try setting the `innerText` for the first array value. – Abrar Hossain Sep 13 '21 at 16:44
1

@AbrarHossain - Not an array, an `HTMLCollection`. – T.J. Crowder Sep 13 '21 at 16:45
@T.J. Crowder I have put more details in my question. Can you check and help me? Thank you – The Fox Sep 13 '21 at 17:12
@TheFox - See the answers in the [linked question](https://stackoverflow.com/questions/10693845/what-do-queryselectorall-and-getelementsby-methods-return). You need a loop. – T.J. Crowder Sep 13 '21 at 17:21

Put variable in getelementsbyclassname.innertext but not work?

0 Answers0