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语法。，这里只需要一个对象。

Demo

Answer 3

尝试以下代码：

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

http://jsfiddle.net/jPCFC/

Answer 4

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

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

Answer 5

<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';
}

用Javascript更改文字颜色？

5 个答案: