javascript：将单个单词的颜色更改为<；部门>；

我有这样一个简单的div标签

    <div id="mydiv"> text inside the div </div>

div中的

文本

我需要一个脚本，当我点击一个单词“mydiv”时，它会将该单词变成红色（并将该单词保存到一个变量中）。我可以在一段时间内把每个词都围起来，但我正在寻找一个更干净的解决方案。可能吗？ 对不起，我的英语很差

---

到目前为止，我什么也没试过。我还在考虑解决办法。我可以很容易地解决这个问题，或者在一段时间内将每个单词四舍五入，但在写作之前，我想确定不存在更简单的解决方案。对不起

我想这就是你想要的：

JavaScript:UPADTE

函数mynew（）{
var myDiv=document.getElementById（'myDiv'）；
var contents=myDiv.innerHTML.split（“”）；
var modText=''；
对于（变量i=0；i

span.change{
颜色：红色；
}
跨度{
颜色：黑色；
}

div中的文本

瞧

function change (id,text) {

    var yazi = $('#'+id).text();
    var adet = yazi.split(' ');

    $('#'+id).html('');

    for (i=0,v=adet.length;i<v;i++) {

        if(adet[i]==text) {
            $('#'+id).append("<span style=\"color:#F00\">"+ adet[i]+"<span> ")
        } else {
            $('#'+id).append(adet[i]+" ");
        }
    }

}

---

到目前为止你做了什么？你做不到，你需要把它们放在span中。惊喜！！他已经投了一票赞成票，因为他没有展示他迄今为止所做的事情，并且有一份如何做到这一点的指南？？我们能鼓励那些真正尝试过的人吗？不是每个人都会问问题吗？@JoulinRouge用JavaScript解决方案给出了答案。我没有看到jquerytag@RoyiNamir我真的很想念这个。我不知道为什么我没有看到这个。非常感谢。更新了答案。被误解的家伙。

change('mydiv','inside');