<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 以降に対応していますので、差し替えや任意に表示される場合に使用される場合は、この組み合わせが良いと思います。
<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 属性を付けます。
この例では、クリックすると現在の時間を表示します。