27 lines
684 B
Markdown
27 lines
684 B
Markdown
---
|
|
title: 字符html创建DOM节点
|
|
id: '76'
|
|
categories:
|
|
- 分享
|
|
tags:
|
|
- JavaScript
|
|
- html
|
|
- 创建
|
|
- DOM节点
|
|
date: 2016-08-25 09:58:05
|
|
---
|
|
|
|
jQuery的创建节点的方式非常方便，$('<div></div>') 只要这样就可以创建一个div的节点。 我们也可以通过JavaScript简单实现一下这种方式。
|
|
|
|
``` js
|
|
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节点的列表，记得处理一下
|