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

JavaScript014

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代码不会出现冲突的情况。