用Javascript更改文字颜色？

Question

我想在单击按钮时更改标题的颜色.这是我的代码,但它不起作用,我无法弄清楚为什么不...

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

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

和我的js ......

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

提前致谢!

Answer 1

您为每个元素设置样式而不是其内容:

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

随innerHTML你获取/设置元素的内容.因此,如果你想修改你的标题,innerHTML那就是要走的路.

但是,在您的情况下,您只想修改元素的属性(更改其中文本的颜色),因此您可以解决style元素本身的属性.

Answer 2

仅使用

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

.innerHTML() 设置或获取描述元素后代的 HTML 语法。, 在这里你只需要一个对象。

演示