在javascript拆分（）之后为子字符串指定颜色
我想用不同的颜色打印在textarea中输入的文本意味着我用split（）方法分离字符串它工作正常然后我想用颜色打印textarea中的子字符串怎么可能在javascript拆分（）之后为子字符串指定颜色,javascript,html,Javascript,Html,我想用不同的颜色打印在textarea中输入的文本意味着我用split（）方法分离字符串它工作正常然后我想用颜色打印textarea中的子字符串怎么可能 <script type="text/javascript"> function init() { document.getElementById('txtarea2').focus(); } function setcolor() { var str=document.getElementById('txtarea2').
<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>
函数init（）{
document.getElementById（'txtarea2'）.focus（）；
}
函数setcolor（）{
var str=document.getElementById（'txtarea2'）。值；
var str1=str.split（“：”）；
var first=str1[0]；
第二个变量=str1[1]；
document.getElementById（'txtarea1'）。value=first+second；
document.getElementById（'txtarea2'）.focus（）；
}
document.getElementById('txtarea1').style.color = 'red';
据我所知，在一个HTML文本区域中不可能有您想要的多种颜色。在一个文本区域中不可能有不同颜色的文本 你需要使用一个新的方法来实现这一点
如果文本不可编辑，则使用div/pre将其输出，并使用普通css标记将其着色 创建一个空div并使用它来追加
<div id="newDiv"></div>
first = '<a style="color:red">'+first+'</a>';
second = '<a style="color:blue">'+second+'</a>';
document.getElementById("newDiv").innerHTML=first+second;
first=''+first+''；
秒=''+秒+''；
document.getElementById（“newDiv”）.innerHTML=first+second；