使用Javascript更改文本颜色？

我想在单击按钮时更改标题的颜色。 这是我的代码，但它不工作，我不明白为什么不

<div id="about">About Snakelane</div>

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

仅使用

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

.innerHTML（）

设置或获取描述元素子体的HTML语法。这里只需要一个对象

---

您可以按元素而不是按其内容设置样式：

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

使用

innerHTML

可以获取/设置元素的内容。因此，如果你想修改你的标题，

innerHTML

将是一个不错的选择

---

但是，在您的情况下，您只需要修改元素的属性（更改元素中文本的颜色），因此可以处理元素本身的

样式
属性。
innerHTML
是表示元素内容的字符串

您希望修改元素本身。删除
.innerHTML
部分。
尝试以下代码：

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

关于蛇烷
var关于；
函数init（）{
about=document.getElementById（“about”）；
about.style.color='blue'；
}

在问题的任何地方都没有提到jQuery。该函数也位于
元素的
onclick
处理程序中，而不是文档的某些
onload
事件中。
$(document).ready(function(){
$('#about').css({'background-color':'black'});    
});

<div id="about">About Snakelane</div>

<input type="image" src="http://www.blakechris.com/snakelane/assets/about.png" onclick="init()" id="btn">
<script>
var about;   
function init() { 
    about = document.getElementById("about");
    about.style.color = 'blue';
}