js中用cssText设置css样式的简单方法

JavaScript013

js中用cssText设置css样式的简单方法,第1张

如果网页中一个

id为“no”的标签,暂且当div标签来tell;

想要在js中设置这个div的css样式,很一般的做法是:

var

obj

=

document.getElementByIdx_x_x('no')

obj.style.width

=

'400px'

obj.style.height

=

'300px'

如果要设置一堆又一堆的css样式呢,太麻烦了把、

一般情况下都会结合css来添加className或者改变className达到想要的效果,但是如果你create一个元素,难道还想这样简单点?那就要想别的办法了~

于是大家就写了一个又一个的函数,经典的两个是:

var

obj

=

document.getElementByIdx_x_x('no')

function

setStyle(obj,

css)

{

for(var

attr

in

obj){

obj.style[attr]

=

css[attr]

}

}

setStyle(obj,{width:"400px",height:"300px"})

当然还有更简单的,cssText:

var

obj

=

document.getElementByIdx_x_x('no')

obj.style.cssText

=

"width:400px

height:300px"

当然这种方法对于create的元素初始化css样式来说很简单很方便。

以上就是小编为大家带来的js中用cssText设置css样式的简单方法的全部内容了,希望对大家有所帮助,多多支持脚本之家~

jQuery CSS 操作

jQuery 拥有三种用于 CSS 操作的重要函数:

$(selector).css(name,value)

$(selector).css({properties})

$(selector).css(name)

函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:

实例

$(selector).css(name,value)

$("p").css("background-color","red")

函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值:

实例

$(selector).css({properties})

$("p").css({"background-color":"red","font-size":"200%"})

函数 css(name) 返回指定的 CSS 属性的值:

实例

$(selector).css(name)

$(this).css("background-color")

jQuery中没有获得全部css的功能。你可以直接使用js的这个功能,混用js和jquery代码不会出现冲突的情况。