用Javascript改变文本颜色？答案

【问题标题】：Change text color with Javascript?用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 语法。您只需要一个对象即可。

【讨论】：

【解决方案2】：

试试下面的代码：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

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

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

【讨论】：