更新
This commit is contained in:
1 parent
5cd551a08e
commit
40cde540d6
33 files changed
+547
-319
No files matched your search
@@ -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节点的列表,记得处理一下
|
||||
Reference in new issue
Block a user