Question

如果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>

如何使用javascript更改文本颜色？

4 个答案: