文字色の変更

JavaScript

さらに出来ることを調査。DOMのエレメントの作成、属性の追加、子の追加を使用して、Fontの色を赤に変更してみた。

<html>
<head>
<script language="JavaScript">
<!--
function load() {
	// <font>の作成
	var font = document.createElement('font');
	// color="#FF0000"要素の追加
	font.setAttribute("color", "#FF0000");
	// <font>タグの間に「どうだ」を記述
	font.innerHTML = "どうだ";
	// <div id="result">の子として<font>を記述
	document.getElementById("result").appendChild(font);
}
// -->
</script>
</head>
<body onload="load()">

<div id="result"></div>

</body>
</html>

このJavaScriptが実行されると、下のHTMLが作成されるはず。

<div id="result">
	<font color="#FF0000">どうだ</font>
</div>

うむうむ。非常にわかりやすい。