任意の場所に文字を表示させる
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>サンプル</title>
<script type="text/javascript">
<!--
function show_html() {
	if (document.getElementById) {
		document.getElementById("url").innerHTML = '<a href="./index.html" target="_blank">トップページ<\/a>';
	}
}
// -->
</script>
</head>
<body>
<span id="url">
<a href="javascript:show_html();">ここをクリックするとリンクが表示されます</a>
</span>
</body>
</html>
ここをクリックするとリンクが表示されます

getElementById("id 名") を使用して表示する場所を取得して innerHTML によって id が付いているエレメントを差し替えることができます。

innerHTML は Internet Explorer 4.x 以降、Netscape 6.x 以降に対応しています。また、getElementById は Internet Explorer 5.x 以降、Netscape 6.x 以降に対応していますので、差し替えや任意に表示される場合に使用される場合は、この組み合わせが良いと思います。

任意の場所に文字を表示させる(IE でテキスト表示のみ)
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>サンプル</title>
<script type="text/javascript">
<!--
function show_text() {
	if (window.clipboardData) {
		var day = new Date();
		var h = day.getHours();
		var m = day.getMinutes();
		var s = day.getSeconds();

		document.all.result.innerText = "ただいまの時間は、" + h + "時" + m + "分" + s + "秒です";
		setTimeout("show_text();", 1000);
	}
}
// -->
</script>
</head>
<body>
<a href="javascript:show_text();">現在の時間</a>
<span id="result">ここに時間が表示されます</span>
</body>
</html>
現在の時間 ここに時間が表示されます

innerText は Internet Explorer のみ使用可能なので、document.all.id 名.innerText や document.all("id 名").innerText として使用します。スクリプト内に id を決めて、表示したい所のタグに同じ id 属性を付けます。

この例では、クリックすると現在の時間を表示します。

[PR] Yahoo!ショッピング