javascript - .textContent 不替换文本
问题描述
我是使用 javascript 的新手,但在编辑现有网页的脚本中遇到了关于 .textContent 函数的问题。
它不是替换文本内容,而是简单地将字符串附加到末尾。查看 HTML,原始文本位于跨度中,而我打算作为替换的文本最终位于跨度之外,但仍在 div 中。我将如何完全替换跨度文本?
它最终看起来像这样
<div class="errorMessage" data-reactid="180"><span>Original Text</span>Intended Replacement text.</div>
解决方案
给你<span>
一个 id like <span id="error-id">
,然后document.getElementById('error-id')
用来获取跨度的引用。或者您可以将已有的类移动到 span 而不是 div,然后继续使用document.getElementsByClassName("errorMessage")
.
更新:Randy Casburn 的建议也很好。
推荐阅读
- xml - 如何使用 XSLT 在 XML 节点中添加和删除项目
- android - Android 将 editText 的文本换行,该文本恰好在 textView 的右侧对齐
- angular - 我怎样才能获得我选择的选项的更多数据?
- kotlin - 从通知中获取特征 gatt
- c++ - C++重载函数,一个接受基类的参数,另一个接受派生类的参数
- regex - 用于捕获 CSV 字段中的行终止符的正则表达式
- azure - 适用于 Linux VM 的 Azure 磁盘加密
- sql - SQLite:结合“WHERE”条件
- ruby - `gem update` 仅适用于新版本
- php - 获取快速加载后修改的网页?