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 0 · Accepted Answer

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

要素自体を変更したい。パーツをドロップし.innerHTMLます。

4 に答える 4