Textarea 改变部分文字颜色大小，不通过html css实现

如果不想使用HTML和CSS，你也可以使用JavaScript来实现Textarea中部分文字的颜色和大小改变。

具体实现方法如下：

1. 获取Textarea中的文本内容和需要改变的文字。

   var textarea = document.getElementById("myTextarea");
   var text = textarea.value;
   var targetText = "需要改变颜色和大小的文字";

2. 使用JavaScript的字符串方法replace()将需要改变的文字替换成带有样式的文本。

   var newText = text.replace(targetText, "<span style='color: red; font-size: 20px;'>" + targetText + "</span>");

这里将需要改变颜色和大小的文字使用replace()方法替换为带有样式的文本，并使用span标签包裹起来。样式可以通过style属性设置。

3. 将替换后的文本重新设置到Textarea中。

   textarea.innerHTML = newText;

注意，这种方法会将Textarea中的纯文本替换为带有样式的文本，因此如果需要将替换后的文本提交到后端进行处理，需要将Textarea的name属性设置为一个表单项的名称，然后将Textarea中的内容提取出来，再提交到后端进行处理。

相关问题

Textarea 改变部分文字颜色大小

你可以使用 HTML 和 CSS 来实现Textarea 中部分文字的颜色和大小改变。具体实现方法如下：

1. 在Textarea 中使用 HTML 标签，例如使用 `<span>` 标签来包裹需要改变颜色和大小的文字。

2. 在 CSS 中为这个 `<span>` 标签设置颜色和字体大小。例如：

   span {
     color: red;
     font-size: 20px;
   }

这里将 `<span>` 标签中的文字颜色设置为红色，字体大小设置为 20px。

3. 在 JavaScript 中监听 Textarea 内容的变化，然后使用正则表达式来匹配需要改变颜色和大小的文字，将其用 `<span>` 标签包裹起来。例如：

   var textarea = document.getElementById("myTextarea");
   textarea.addEventListener("input", function() {
     var text = textarea.value;
     var newText = text.replace(/(需要改变颜色和大小的文字)/g, "<span>$1</span>");
     textarea.innerHTML = newText;
   });

这里将需要改变颜色和大小的文字使用正则表达式匹配出来，并使用 `<span>` 标签包裹起来，然后将包裹后的内容重新设置到 Textarea 中。

注意，因为 Textarea 不支持内嵌 HTML 标签，所以使用上述方法只是在 Textarea 中模拟了一段 HTML 代码。如果需要将这段代码提交到后端进行处理，需要将 `<textarea>` 标签替换为 `<div>` 标签等支持内嵌 HTML 的标签。