Question

2013-07-29

209095

javascript button colors onclick

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

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

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 语法。，您所需要的只是一个对象。

Answer 3

尝试以下代码：

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