hexo-blog/source/_posts/字符html创建dom节点.md

title, id, categories, tags, date

title	id	categories	tags	date
字符html创建DOM节点	76	分享	JavaScript html 创建 DOM节点	2016-08-25 09:58:05

jQuery的创建节点的方式非常方便，$('

') 只要这样就可以创建一个div的节点。 我们也可以通过JavaScript简单实现一下这种方式。

function createDom(html) {
    var tempDom = document.createElement('div');
    tempDom.innerHTML = html;
    return tempDom.childNodes;
};
var div = createDom('<div>新创建的div</div>')[0];
document.getElementsByTagName('body').appendChild(div);

不过值得注意的是，childNodes返回的是一个DOM节点的列表，记得处理一下