javascript - 更改文本区域中唯一单词的样式/颜色？不是除法

Question

这可能是荒谬的。但是我在发短信时一步一步地遵循一些教程代码来更改 textarea 框的颜色，并且工作正常(在写入时将文本更改为大写和红色)，但我只想要一个单词改变。在另一个问题中，他们使用 div 标签元素，但我想使用 textarea 标签元素。谁能指出我正确的方向？

所以，这是代码:

document.getElementById("text").addEventListener("keypress", colors);

function colors() {
  var x = document.getElementById("text");
  var word = document.getElementById("text").value;
  x.value = x.value.toUpperCase();
  x.style.color = "red";
  
}

<textarea name="text" id="text">Some text</textarea>

Answer 1

你确实不能用文本区域来做到这一点。幸运的是，您可以使用 div 来模拟文本区域，这样您仍然可以通过将 contenteditable="true" 添加到标记

在其中进行编辑

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content