に掲載されていた記事にあるコードより抜粋。
↓
<html>
<head>
<title>element.appendChild - 指定要素へ子要素追加</title>
</head>
<body>
<script type="text/javascript">
function addElement() {
var element = document.createElement('div');
element.id = "id";
element.innerHTML = "hogehoge";
element.style.backgroundColor = 'red';
var objBody = document.getElementsByTagName("body").item(0);
objBody.appendChild(element);
}
</script>
<button onclick="addElement()">要素を追加</button>
</body>
</html>
既存のURLサイトに要素を追加したかったんだと思う。
document.createElement('div');でdiv要素追加する。
document.getElementsByTagName("body").で場所指定。
.item(0); でフォーカスを当てて
objBody.appendChild(element);このエレメントが先に指定したDIV要素？
実行の見た目としては
【要素を追加】ボタンをクリックするたびに
div要素が作られていく仕様となっています。
divの中身は
"hogehoge"になって、赤色（red）のカラースタイルで出来上がっていく。
…
テキトーだろ、絶対【おれ】テキトーだろ( ﾟдﾟ )
注意事項