style

Module

Methods

dom.style()
String style ( selector, name )
获取符合选择器的第一个元素 style 属性中 name 的值.
Parameters:
  • selector (string|HTMLCollection|Array<HTMLElement>) – 字符串表示 css3 选择器
  • name (string) – style 属性名
Returns:

获取指定元素 style 属性中, name 的值.

Return type:

String

Note

请注意 style()css()获取元素样式值上的区别 :

  • 前者获取的是元素style属性中相应的样式值, 是个字面量;
  • 后者是获取元素真实渲染到页面上的样式值, 是个计算值.

例如

var tag = S.guid("float");
DOM.addStyleSheet("." + tag + " {float:left}")

var d = DOM.create("<div class='" + tag + "' style='float:right'><" + "/div>")
DOM.append(d, document.body);
S.log(DOM.css(d, "float"));     // "right"
S.log(DOM.style(d, "float"));   // "right"

DOM.css(d, "float", "");

S.log(DOM.css(d, "float"));     // "left"
S.log(DOM.style(d, "float"));   // ""
void style ( selector, name, value )
给符合选择器的所有元素, 给其 style 属性中名为 name 的样式设置值为 value.
Parameters:
  • selector (string|HTMLCollection|Array<HTMLElement>) –

    字符串表示 css3 选择器

  • name (string) – css 样式属性名
  • value (string) – 将要设置的样式值

Note

css()style() 在设置元素的样式值上等价, 都是在元素的 style 属性设置样式值;

例如

DOM.css(d, "float", "");
DOM.style(d, "float", "");
void style ( selector, kv )
给符合选择器的所有元素设置样式值, 同样与 css() 等价.
Parameters:
  • selector (string|HTMLCollection|Array<HTMLElement>) –

    字符串表示 css3 选择器

  • kv (object) – 样式名与样式值的键值对, 例如
DOM.css('.widget', {position: 'absolute', top: '10px', left: '10px'});
DOM.style('.widget', {position: 'absolute', top: '10px', left: '10px'});