Javascript 根据值更改范围标记的颜色

我想更改以下HTML中

消息

变量的颜色：

<span id="mess" style="visibility:visible;">
                <text id="tex">{{ message }}</text>
</span

document.getElementById（'tex'）.value的结果始终为
undefined
，并且
消息的文本颜色始终为红色

有没有办法让我做到这一点？提前感谢。
让我们使用包含选择器


$（文档）.ready（函数（）{
if（$（'#tex:contains（“messagesent！”））.length）{
$（'#tex'）.css（'color'，'green'）；
}否则{
$（'#tex'）.css（'color'，'red'）；
}
});

消息已发送！
让我们使用包含选择器


$（文档）.ready（函数（）{
if（$（'#tex:contains（“messagesent！”））.length）{
$（'#tex'）.css（'color'，'green'）；
}否则{
$（'#tex'）.css（'color'，'red'）；
}
});

消息已发送！
如果您也在使用
jQuery
这是我为了练习而做的一个项目，我也想在一些Javascript上练习，那么为什么要使用
Vanilla JS
。这就是。
不是标准标记的唯一原因，只有表单字段才有值。用Flask设置一个类，并用CSS设置样式，而不是用JavaScript更改颜色，这样会更简洁。如果你也在使用
jQuery
，那么为什么要使用
Vanilla JS
，这是我为了练习而做的一个项目，我也想在一些JavaScript上练习。这就是。
不是标准标记的唯一原因，只有表单字段才有值。用Flask设置一个类，并用CSS设置它的样式，而不是用JavaScript更改颜色，这样会更简洁。
$(document).ready(function(){

            if (document.getElementById('tex').value == 'Message sent !')
            {
                document.getElementById('tex').setAttribute("style", "color:green;");
            }
            else
            {
                document.getElementById('tex').setAttribute("style", "color:red;");
            }
});