1Introduction
- description：DOM 修改
- author：ydr.me
- create：2014-09-16 17:02
- update：2016年04月19日18:03:17
- github：
https://github.com/blearjs/blear.core.modification
2Example
var modification = require('blear.core.modification');
3Static
静态属性、方法
3.1.parse(htmlString): node
解析字符串为节点
modification.parse('<div/>');
// => HTMLDIVElement
3.1.1htmlString
- 类型：
String - 说明：htmlString
3.1.2node
- 类型：
Node | HTMLElement - 说明：返回解析的节点
3.2.create(nodeName, [attributes], [properties]): node
创建节点
modification.create('#text', '123');
// => textNode
modification.create('#comment', '123');
// => commentNode
modification.create('div', {id:'id-123'});
// => DIVNode
3.2.1nodeName
- 类型：
String - 说明：节点名称
3.2.2attributes
- 类型：
String - 说明：节点属性
3.2.3properties
- 类型：
String - 说明：节点特性
3.2.4node | HTMLElement
- 类型：
Node | HTMLElement - 说明：返回创建的节点
3.3.insert(source, target, [position]): node
将源插入到指定的目标位置，并返回指定的元素
// - beforebegin ------ 0
// - <target>
// - afterbegin ----- 1
// - beforeend ------ 2
// - afterend --------- 3
// default return target
modification.insert(source, target, 'beforebegin');
modification.insert(source, target, 'afterbegin');
modification.insert(source, target, 'beforeend');
modification.insert(source, target, 'afterend');
3.3.1source
- 类型：
Node | HTMLElement - 说明：源
3.3.2target
- 类型：
Node | HTMLElement - 说明：目标
3.3.3position
- 类型：
String | Number - 说明：插入位置，分别为：beforebegin(0)、afterbegin(1)、beforeend(2)、afterend(3)
- 默认：
"beforeend"
3.3.4node | HTMLElement
- 类型：
Node | HTMLElement - 说明：返回原始节点
3.4.importStyle(cssText, sel, append): el
添加样式
modification.importStyle('body{padding: 10px;}');
3.4.1cssText
- 类型：
String - 说明：样式内容
3.4.2sel
- 类型：
Node | HTMLElement - 说明：选择器
3.4.3append
- 类型：
Boolean - 说明：是否为追加模式
3.4.4el
- 类型：
HTMLStyleElement - 说明：返回添加的HTMLStyleElement
3.5.remove(el)
移除某个元素
modification.remove(el)
3.5.1el
- 类型：
Node | HTMLElement - 说明：元素
3.6.empty(el)
清空元素
3.6.1el
- 类型：
Node | HTMLElement - 说明：元素