KindEditor/Node API
- K(expr , root)
创建或选取KNode对象，KNode是原生node的封装，KNode对象拥有以下属性和方法。
参数:
返回: KNode
示例:
node = K('<div>abc</div>');
node = K('#id div');
node = K(document.getElementById('id'));
firstNode = node[0];
- length
node数量
var length = K('#id div').length;
- doc
第一个node的document对象。
var doc = K('#id div').doc;
- name
第一个node的nodeName。
- type
第一个node的nodeType。1: Element, 3: textNode
- bind(type , fn)
将指定函数绑定到所有KNode的指定事件上。
参数:
- string type: 事件类型
- function fn: 回调函数
返回: KNode
示例:
K('#id div').bind('click', function() {
alert(this.nodeName + ': clicked');
});
K('#id div').click(function() {
alert(this.nodeName + ': clicked');
});
- unbind([type , fn])
移除已绑定的事件函数。
参数:
- string type: 事件类型
- function fn: 回调函数
返回: KNode
示例:
K('#id').unbind('click', functionName); //移除指定的事件函数
K('#id').unbind('click'); //移除所有click事件函数
K('#id').unbind(); //移除所有事件函数
- fire(type)
执行绑定在第一个node上的事件函数。
参数:
string type: 事件类型
返回: KNode
示例:
K('#id').fire('click');
K.click();
- hasAttr(key)
判断第一个node是否拥有指定属性。
参数:
string key: 属性名
返回: boolean
示例:
var bool = K('#id').hasAttr('border');
- attr()
取得第一个node的所有属性.
参数: 无； 返回: object
示例:
var attrList = K('#id').attr(); //return key-value data
- attr(key)
取得第一个node的指定属性.
参数:
string key: 属性名
返回: string
示例:
var border = K('#id').attr('border');
- attr(key, val)
设置所有node的属性。
参数:
- string key: 属性名
- string val: 属性值
返回: KNode
示例:
K('#id img').attr('border', 1);
- attr(obj)
设置所有node的多个属性。
参数:
object obj: key-value数组
返回: KNode
示例:
K('#id img').attr({
'width' => '100px',
'border' => 1
});
- removeAttr(key)
移除所有node的指定属性.
参数:
string key: 属性名
返回: KNode
示例:
K('#id img').removeAttr('border');
- get([i])
取得原生node，当KNode的length为0时，返回null.
参数:
int i: offset，默认值为0
返回: node
示例:
div1 = K('#id div').get(0);
div2 = K('#id div').get(1);
- hasClass(cls)
判断第一个node是否拥有指定class。
参数:
string cls: className
返回: boolean
示例:
var bool = K('#id').hasClass('class-name');
- addClass(cls)
将指定className添加到所有node。
参数:
string cls: className
返回: KNode
示例:
K('#id').addClass('class-name');
- removeClass(cls)
移除所有node上的指定className。
参数:
string cls: className
返回: KNode
示例:
K('#id').removeClass('class-name');
- html()
取得第一个node的innerHTML。
参数: 无； 返回: string
示例:
K('#id').html(val);
- html(val)
设置所有node的innerHTML。
参数:
string val: HTML字符串
返回: KNode
示例:
K('#id').html('<strong>abc</strong>');
- hasVal()
判断第一个node是否拥有value属性。
参数: 无； 返回: boolean
示例:
bool = K('#textarea').hasVal(); //return true
bool = K('#div').hasVal(); //return false
- val()
取得第一个node的value。
参数: 无；返回: string
示例:
var value = K('#textarea').val();
- val(val)
设置所有node的value。
参数: 无； 返回: KNode
示例:
K('#textarea').val('abc');
- css()
取得第一个node的所有CSS.
参数: 无； 返回: object
示例:
var cssList = K('#id').css(); //return key-value data
- css(key)
取得第一个node的指定CSS.
参数:
string key: CSS key
返回: string
示例:
var padding = K('#id').css('padding');
- css(key, val)
设置所有node的CSS。
参数:
- string key: CSS key
- string val: CSS value
返回: KNode
示例:
K('#id div').css('border', '1px solid #000');
- css(obj)
设置所有node的多个CSS。
参数:
object obj: key-value数组
返回: KNode
示例:
K('#id div').css({
'width' => '100px',
'height' => '50px',
'padding' => '10px'
});
参考来源[ ]
KindEditor使用手册导航 | ||||||
|---|---|---|---|---|---|---|
|