文字列「Hello World!」を、JavaScriptでDOMを操作し、出力してみよう。
サンプル
サンプルのソースコード
bodyタグ<body></body>の中に、下記のJavaScriptとHTMLのソースコードを、埋め込む。
JavaScript
<script type="text/javascript">
document . getElementById( "sample" ) . innerHTML = "Hello World!";
</script>
document . getElementById( "sample" ) . innerHTML = "Hello World!";
</script>
HTML
<p id="sample"></p>
bodyタグの中に埋め込んだ例
上記のサンプルのソースコードを、bodyタグ<body></body>の中に埋め込んだ例。
<html>
<head>
<title>サンプル</title>
</head>
<body>
<p id="sample"></p>
<script type="text/javascript">
document . getElementById( "sample" ) . innerHTML = "Hello World!";
</script>
</body>
</html>
<head>
<title>サンプル</title>
</head>
<body>
<p id="sample"></p>
<script type="text/javascript">
document . getElementById( "sample" ) . innerHTML = "Hello World!";
</script>
</body>
</html>