jquery改变字体颜色

Posted 2023-02-24

【中文标题】jquery改变字体颜色

【英文标题】：jquery change font color

【发布时间】：2014-01-16 18:19:53

【问题描述】：

如何根据 jquery 中的输入值更改字体颜色？

这是我的代码

<h3 id="quoteDiv"></h3>

 <input id="input1" type="text" onfocus="if(this.value == 'Valfri spelare')  this.value = ''; " value="Valfri spelare"/>

 var quotes = ["(tjej1) exampletext!",];


var user1 = document.getElementById("input1").value;


//Sub in the usernames
                    var ind = Math.floor(Math.random() * quotes.length); //select random quote
                    var newquote = quotes[ind].replace("(tjej1)", user1);


var quotediv = document.getElementById("quoteDiv"); //get the div (or any other element) that you want to display the quote in
                    quotediv.innerhtml = newquote; //display your quote in the div.

如何将值的颜色从 input1 (tjej1) 更改为绿色而不是标准的 h3？我只希望值改变颜色:)

谢谢！

【参考方案1】：

var newquote = quotes[ind].replace("(tjej1)", '<span style="color:green">'+user1+'</span>');

【讨论】：

我应该在哪里写？：O

这不会改变引号中的字体颜色:(

我希望颜色在

$('#input').chnage(function() $('#quoteDiv').css('background-color','green'); );

【参考方案2】：

您可以通过 CSS 设置 h3 样式：

#quoteDiv
    color: green;

【讨论】：

我只希望值改变颜色

【参考方案3】：

jquery 键位

$('#input').keydown(function()

   $(this).css('color','green');

);

Jquery 键位

$('#input').keyup(function()

   $(this).css('color','green');

);

jquery 修改

$('#input').chnage(function()

   $(this).css('color','green');

);

【讨论】：

jsfiddle.net/2ufnK/4 我想把输入的字体颜色改成绿色

你什么时候愿意改？

jsfiddle.net/2ufnK/4 检查这个并尝试更改quotediv中的值字体颜色，只有值

不只是输入的值应该是绿色的，而不是整个引用