appendChild + createElement

Question

What\'s the difference between:

var div = document.createElement(\'div\');//output -> [object HTMLDivElement]

document.getElementById(\'container\').appe         


        

Answer 1

With your JS/DOM engine, calling Element.appendChild with a string as an argument causes a new Text node to be created then added.

Your first example creates a

element. Your second example creates a text node with

as its contents.

Your second example is equivalent to:

var div = '
';

document.getElementById('container').appendChild(document.createTextNode(div));//output -> 

As Sarfraz Ahmed mentioned in his answer, you can make the second example work how you want it to work by writing:

var div = '
';

document.getElementById('container').innerHTML = div;

0 讨论(0)

查看其它6个回答

发布评论:

提交评论

---

•  加载中...