如何使用javascript更改文本颜色？ [重复]

Question

这个问题在这里已有答案：

• How can I change the text color with jQuery? 3回答

如果在javascript中的文本，我有一个改变颜色的问题。 HTML：

   `<div>
       <strong id="text"><strong>
    </div>`

这是我的javascript：

  ` function calculate(){
     var a = 1;
     var b = 2;
     var c = 3;
     var d = 4;
     var sumA = a+b;
     var sumB = c+d;
       if(sumA>sumB){
          $('#text').text().fontcolor("blue"); //change color to blue
       }else{
          $('#text').text().fontcolor("red"); //change color to red
       }
    }`

没有文字改变了颜色

Answer 1

你可以试试

$('#text').css("color", "red");

Answer 2

使用css属性更改元素的任何css：

$('#text').css('color','red');

Answer 3

// JAVASCRIPT

  document.getElementById("text").style.color = "red";

// jQuery的

$('#text').css("color","red");

Answer 4

.text（）函数返回一个字符串，而不是您尝试重新着色的元素，因此这不会做任何事情，因为字符串不能“着色”。

请参阅以下示例：

$('#test').css('color', 'red');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id='test'>Hello World</span>