This commit is contained in:
dengtongyu committed 2020-11-24 17:45:32 +08:00
1 parent 5cd551a08e
commit 40cde540d6
33 files changed
+547 -319

No files matched your search

+11 -9
View File
@@ -1,24 +1,26 @@
---
title: 字符html创建DOM节点
tags: []
id: '76'
categories:
- - 分享
- 分享
tags:
- JavaScript
- html
- 创建
- DOM节点
date: 2016-08-25 09:58:05
---
jQuery的创建节点的方式非常方便,$('<div></div>') 只要这样就可以创建一个div的节点。 我们也可以通过JavaScript简单实现一下这种方式。
```js
``` js
function createDom(html) {
var tempDom = document.createElement('div');
tempDom.innerHTML = html;
return tempDom.childNodes;
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节点的列表,记得处理一下
不过值得注意的是,childNodes返回的是一个DOM节点的列表,记得处理一下