私は数日からjavascriptを使用しています。そして、getElementById と createElement を混同しています。
前もって感謝します
それらは2つの異なるものです
getElementByIdは、DOM に存在する ID を使用して要素を選択します
しかし
createElementは、DOM に挿入できる新しい要素を作成します
主な違いは、getElementById
ID属性によってDOMから要素を取得しcreateElement
、まったく新しいDOM要素を作成することです。
次のHTMLのページがあるとします。
<!doctype html>
<html>
<head>
</head>
<body>
<div>Hello, World!</div>
<div id="message">What a nice day!</div>
</body>
</html>
そして、次のようなJavaScriptコードがあります。
document.getElementById("message")
属性が。の<div>
要素を取得します。id
"message"
ここで、HTMLページに新しい要素を追加したいとします。次に、このcreateElement
関数を使用します。
var newEl = document.createElement("div")
もちろん、この例から、新しい要素を。という変数に格納していますnewEl
。
ここで、実際に新しい要素を追加するにはappendChild
、任意のDOM要素を呼び出す必要があります。簡単にするために、<body>
タグに追加するだけです。
document.body.appendChild(newEl)
これで、ページは(少なくともブラウザのことを考えると)次のようになります。
<!doctype html>
<html>
<head>
</head>
<body>
<div>Hello, World!</div>
<div id="message">What a nice day!</div>
<div></div>
</body>
</html>