Question

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

它不是替换文本内容，而是简单地将字符串附加到结尾。查看HTML，原始文本在一个范围内，而我打算作为替换的文本最终在span之外但仍在div中。我将如何完全替换范围文本？

最终看起来像这样

def addTwoDigits(n) do
   n |> Integer.to_string 
     |> String.split("") # Number 44 would give a list ["",4,4,""]
     |> Enum.filter(&(&1 != ""))
     |> Enum.map(&(String.to_integer(&1)))
     |> Enum.reduce(&(&1+&2))
end

Answer 1

为<span>提供<span id="error-id">个ID，然后使用document.getElementById('error-id')获取对范围的引用。或者您可以将已有的班级移动到跨度而不是div，并继续使用document.getElementsByClassName("errorMessage")。

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

Answer 2

var ele = document.querySelector('.errorMessage span').textContent = 'Intended Replacement text';

/* InnerHTML can also be used but it is slower than the textContent as it parses HTML */
// ele.innerHTML  = 'Intended Replacement text';

<div class="errorMessage" data-reactid="180"><span>Original Text</span></div>

.textContent不替换文本

2 个答案: