How can I change the text using JavaScript [duplicate]

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
– Mike Christensen, Commented Mar 20, 2015 at 21:38

AstroCB · Accepted Answer · 2015-03-20 21:39:39Z

3

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>

answered Mar 20, 2015 at 21:39

AstroCB

12.4k20 gold badges59 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

adeneo · Accepted Answer · 2015-03-20 21:37:41Z

2

You can do that like so

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

FIDDLE

answered Mar 20, 2015 at 21:37

adeneo

319k29 gold badges410 silver badges392 bronze badges

Comments

JoeL · Accepted Answer · 2015-03-20 21:41:52Z

0

try getElementByClassName I believe is the proper syntax.

answered Mar 20, 2015 at 21:41

JoeL

7105 silver badges18 bronze badges

Collectives™ on Stack Overflow

How can I change the text using JavaScript [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related