のdocument.createElement（）（） - Javascriptを

Question

私はこの両者の違いであるかを把握しようとしている：

// first one 
var h1 = document.createElement('h1'); 
var t = document.createTextNode('hey'); 
h1.appendChild(t); 
document.body.appendChild(h1); 

// second one 
document.body.appendChild(document.createElement('h1').appendChild(document.createTextNode('hey'))); 

（Document.createElement()）最初は、（完璧に動作しますが、2番目Document.createTextNode()）はそうではありません。

Answer 1

戻り値appendChildは、子を追加したものです。

document.body.appendChild(document.createElement('h1').appendChild(document.createTextNode('hey'))); 

それはに分かれます：我々は、変数を追加するのであれば

bodyに

textを追加は

var text = document.createTextNode('hey'); 
var h1 = document.createElement('h1'); 
h1.appendChild(text); 
document.body.appendChild(text); 

がh1からtextを削除します。

h1はどこにも追加されないため、破棄されます。

Answer 2

私はそれを行うための方法を見つける：（ちょうど終わり.parentNodeを追加）

document.body.appendChild(document.createElement('h1').appendChild(document.createTextNode('hey')).parentNode);