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