时间戳

首页 > 解决方案 > 如果自动找到匹配，则更改文本颜色 JavaScript|HTML

javascript - 如果自动找到匹配，则更改文本颜色 JavaScript|HTML

问题描述

我有一个文本区域，我想在其中自动更改颜色

例如：这是我的笔，我的朋友

一旦我输入上面的文字，keyword=pen 应该变成绿色，keyword=freind 应该变成红色

我如何实现这件事

代码在工作，但工作了一半

function changeText() 
{
        document.getElementById("text").style.color ="green";
}
</script>

我有另一个代码但不工作

 var str = 'Connect'; 
    var value = str.includes('Connect'); 

    if(value==str)
    {
        document.getElementById("text").style.color ="green"; 
    }
    else
    {
        document.getElementById("text").style.color ="red";
    }

标签： javascripthtml

解决方案

不，您不能在文本区域或文本输入中执行此操作。任何与 CSS 文本相关的属性都会影响 textarea/input 中的整个文本，而不仅仅是一个单词。

有关详细信息，请参阅：文本区域或文本输入中的多色文本突出显示

推荐阅读