如何使用JavaScript更改文本

Question

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

我想使用JavaScript更改价值$ 99.99。

我尝试使用getElementByClass，但它没有产生我希望得到的结果。

Answer 1

document.getElementsByClass返回NodeList，有点像数组。

你必须指定你正在寻找哪个元素（这里只有一个，所以我假设第一个），然后你可以使用.textContent来改变节点的文本。

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

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

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

Answer 2

你可以这样做

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

FIDDLE

Answer 3

尝试getElementByClassName我相信是正确的语法。