How can I change the text using JavaScript

Question

<div class="basePrice">$99.99</div>

I want to change the value $99.99 using JavaScript.

I tried using getElementByClass but it didn't produce the results that I was hoping to get.

Are you using a framework such as jQuery, or just pure JavaScript? Also, can you post the code you tried that didn't work? — Mike Christensen, Mar 20 '15 at 21:38

score 3 · Accepted Answer · answered Mar 20 '15 at 21:39

document.getElementsByClass returns a NodeList, which is kind of like an array.

You have to specify which element (there's only one here, so I'm assuming the first) you're looking for, and then you can use .textContent to change the text of the node.

document.getElementsByClassName("basePrice")[0].textContent = "$49.99";

document.getElementsByClassName("basePrice")[0].textContent = "$49.99";

<div class="basePrice">$99.99</div>

score 2 · Answer 2 · answered Mar 20 '15 at 21:37

2

You can do that like so

document.querySelector('.basePrice').innerHTML = 'different text'

FIDDLE

answered Mar 20 '15 at 21:37

adeneo

312,895
29
395
388

score 0 · Answer 3 · answered Mar 20 '15 at 21:41

0

try getElementByClassName I believe is the proper syntax.

answered Mar 20 '15 at 21:41

JoeL

710
4
18

How can I change the text using JavaScript

3 Answers3