[解決済み] Javascriptで文字色を変える？

質問

ボタンがクリックされたときにタイトルの色を変えたいのですが、どうすればいいですか？ これは私のコードですが、うまくいきませんし、なぜそうならないのかがわかりません。

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

解決方法は？

コンテンツ単位ではなく、要素単位でスタイルを設定するのです。

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

と innerHTML は、要素の内容を取得/設定します。つまり、タイトルを変更したい場合は innerHTML となります。

しかし、今回のケースでは、要素のプロパティを変更したいだけなので（中のテキストの色を変更する）、そのために style プロパティで指定します。