javascript - javascript split() 之后为子字符串赋予颜色

标签 javascript html

我想用不同的颜色打印在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>

请帮助我

最佳答案

创建一个空 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;

关于javascript - javascript split() 之后为子字符串赋予颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9562380/

相关文章:

javascript - 如何解决我的异步函数?

javascript - 当我隐藏一个元素并显示另一个元素时,Div 正在移动

javascript - 非模态函数,警告出现在页面顶部的红色横幅中

html电子邮件表格单元格堆叠

javascript - 为什么我的 deferred.done() 等待 AJAX 调用未解决?

javascript - 具有非全局正则表达式的 `match` 和 `exec` 似乎两次返回第一个匹配项

javascript - 避免匹配起始标签的正则表达式

php - 如何设计独立于浏览器的html页面?

javascript - 文本输入大于2后使div可见

html - Bootstrap 列搞砸了