JavaScriptで、HTMLにDIVを作成します。
【手順】
1.「002-CreateDivJS.html」というファイルを作成。
2.「002-CreateDivJS.html」を以下の様に入力。
<html> <head> <script type="text/javascript"> function main() { var divElement = document.createElement("div"); divElement.id = "out"; divElement.innerHTML = "Hello, JavaScript!"; var bodyElement = document.getElementsByTagName("body").item(0); bodyElement.appendChild(divElement); } </script> </head> <body> <input type="button" value="実行" onclick="main();"> </body> </html>
3.「002-CreateDivJS.html」をブラウザで開きます。
4.以下の様に表示されれば成功です。
以上です。
0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。