首页 > 解决方案 > .textContent 不替换文本

问题描述

我是使用 javascript 的新手,但在编辑现有网页的脚本中遇到了关于 .textContent 函数的问题。

它不是替换文本内容,而是简单地将字符串附加到末尾。查看 HTML,原始文本位于跨度中,而我打算作为替换的文本最终位于跨度之外,但仍在 div 中。我将如何完全替换跨度文本?

它最终看起来像这样

<div class="errorMessage" data-reactid="180"><span>Original Text</span>Intended Replacement text.</div>

标签: javascript

解决方案


给你<span>一个 id like <span id="error-id">,然后document.getElementById('error-id')用来获取跨度的引用。或者您可以将已有的类移动到 span 而不是 div,然后继续使用document.getElementsByClassName("errorMessage").

更新:Randy Casburn 的建议也很好。


推荐阅读