使用JavaScript根据输入值更改innerText的颜色

下面是通过输入文本中的值更改InnerText颜色的示例代码

输出如下所示。颜色不变

函数验证（）{
var-msg；
var结果；
if（document.myForm.userPass.value.length>5）{
msg=“好”；
结果=msg.fontcolor（“绿色”）；
}否则{
msg=“差”；
结果=msg.fontcolor（“红色”）；
}
document.getElementById（'mylocation'）。innerText=result；
}

实力：
没有力气

由于HTML5不使用字体标记，因此旧的

fontcolor

方法在浏览器中不起作用

所以我尝试了下面的代码

函数验证（）{
var-msg；
if（document.myForm.userPass.value.length>5）{
document.getElementById（'mylocation'）.style.color=“绿色”；
msg=“好”；
}否则{
document.getElementById（'mylocation'）.style.color=“红色”；
msg=“差”；
}
document.getElementById（'mylocation'）。innerText=msg；
}

实力：
没有力气

如果您将

.innerText

更改为

.innerHTML

，它会将您的字符串添加为HTML而不是文本创建span，将msg设置为其innerText，使用样式API设置span字体颜色（已弃用超过10年！），并将span设置为mylocation内部HTML。