web-dev-qa-db-ja.com

JavaScriptでテキストの色を変更しますか？

ボタンをクリックしたときにタイトルの色を変えたいのですが。これは私のコードですが、機能しておらず、なぜそうなのかわかりません...

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

前もって感謝します！

javascriptbuttoncolorsonclick
8
user2375017

コンテンツではなく、要素ごとにスタイルを設定します。

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

innerHTMLを使用すると、要素のコンテンツを取得/設定できます。したがって、タイトルを変更する場合は、innerHTMLが適しています。

ただし、この場合は、要素のプロパティを変更する（要素内のテキストの色を変更する）ため、要素自体のstyleプロパティを指定します。

17
Sirko

のみ使用

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

.innerHTML()は、要素の子孫を記述するHTML構文を設定または取得します。必要なのは、ここにあるオブジェクトだけです。

デモ

2
Dhaval Marthak

以下のコードを試してください：

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

http://jsfiddle.net/jPCFC/

1
Nitin Chaurasia
<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';
}
0
Nipu

innerHTMLは、要素の内容を表す文字列です。

要素自体を変更したい。落とす .innerHTML部分。

0
Quentin