javascript - 用Javascript改变文本颜色？

Question

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

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">

score 35 · Accepted Answer

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

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

随着innerHTML您获取/设置元素的内容。所以如果你想修改你的标题，innerHTML那将是要走的路。

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

score 6 · Accepted Answer

仅使用

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

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

score 4 · Accepted Answer

试试下面的代码：

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

score 0 · Accepted Answer

0

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

您想修改元素本身。放下.innerHTML零件。

于 2013-07-29T13:40:03.843 回答

4 回答 4