【问题标题】:How can I change the text using JavaScript [duplicate]如何使用 JavaScript 更改文本 [重复]
【发布时间】:2015-05-24 10:22:52
【问题描述】:
<div class="basePrice">$99.99</div>

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

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

【问题讨论】:

  • 您使用的是 jQuery 等框架,还是只使用纯 JavaScript?另外,您可以发布您尝试过但不起作用的代码吗?
  • 好吧getElementByClass 不存在。

标签: javascript dom


【解决方案1】:

document.getElementsByClass 返回一个NodeList,有点像一个数组。

您必须指定要查找的元素(这里只有一个,所以我假设第一个),然后您可以使用.textContent 更改节点的文本。

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

document.getElementsByClassName("basePrice")[0].textContent = "$49.99";
&lt;div class="basePrice"&gt;$99.99&lt;/div&gt;

【讨论】:

    【解决方案2】:

    你可以这样做

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

    FIDDLE

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 2012-09-27
        • 1970-01-01
        • 2019-08-24
        • 2017-09-12
        • 1970-01-01
        • 1970-01-01
        • 2017-05-14
        • 2011-04-24
        • 2021-01-19
        相关资源
        最近更新 更多