用Javascript改变文本颜色？

Posted 2023-02-23

【中文标题】用Javascript改变文本颜色？

【英文标题】：Change text color with Javascript?

【发布时间】：2013-07-29 08:00:51

【问题描述】：

我想在单击按钮时更改标题的颜色。 这是我的代码，但它不起作用，我不知道为什么不...

var about;   
function init()  
    about = document.getElementById("about").innerhtml;
    about.style.color = 'blue';

<div id="about">About Snakelane</div>
 
<input type="image" src="http://www.blakechris.com/snakelane/assets/about.png" onclick="init()" id="btn">

【参考方案1】：

只使用

function init()  
    about = document.getElementById("about");
    about.style.color = 'blue';

.innerHTML() 设置或获取描述元素后代的 HTML 语法。您只需要一个对象即可。

Demo

【参考方案2】：

试试下面的代码：

$(document).ready(function()
$('#about').css('background-color':'black');    
);

http://jsfiddle.net/jPCFC/

【讨论】：

在问题的任何地方都没有提到 jQuery。该函数也在<input> 元素的onclick 处理程序中，而不是在文档的某些onload 事件中。

【参考方案3】：

innerHTML 是表示元素内容的字符串。

您想修改元素本身。删除 .innerHTML 部分。

【参考方案4】：

您设置每个元素的样式而不是其内容：

function init()  
  document.getElementById("about").style.color = 'blue';

使用innerHTML，您可以获取/设置元素的内容。因此，如果您想修改您的标题，innerHTML 将是您的最佳选择。

但是，在您的情况下，您只想修改元素的属性（更改其中文本的颜色），因此您解决了元素本身的 style 属性。