Question

我想用不同的颜色打印在textarea中输入的文本意味着我用split（）方法分隔字符串它工作正常然后我想在textarea中用颜色打印子字符串如何可能

<script type="text/javascript">
function init() {
    document.getElementById('txtarea2').focus();
}
function setcolor() {
var str=document.getElementById('txtarea2').value;
var str1=str.split(":");
var first= str1[0];
var second=str1[1];
document.getElementById('txtarea1').value= first + second;
document.getElementById('txtarea2').focus();
}
</script>
<body onload="init()">
<textarea id="txtarea1" rows="3" cols="20"></textarea>
<textarea id="txtarea2" rows="3" cols="20" onChange="setcolor()"></textarea>
</body>

请帮帮我

Answer 1

制作一个空div并用它来追加

<div id="newDiv"></div>

然后创建并将两个不同的标签附加到此div

first = '<a style="color:red">'+first+'</a>';
second = '<a style="color:blue">'+second+'</a>';
document.getElementById("newDiv").innerHTML=first+second;

Answer 2

你的意思是：


document.getElementById('txtarea1').style.color = 'red';

Answer 3

据我所知，单个HTML文本区域中不可能有多种颜色可供选择。

Answer 4

您不能在textarea中使用不同的颜色文本。

您需要使用rich editor来执行此操作。

如果文本不可编辑，请使用div / pre输出，并使用普通的css标记对其进行着色。

在javascript split（）之后给substring字符串颜色

4 个答案: