JS设置css方法

html-css015

JS设置css方法,第1张

如果你用了jQuery库,参考楼上的,否则用下面的代码:

function bj(){

var divNodes = document.getElementsByTagName("div")

for(var i=0,j=divNodes.lengthi<ji++){

var divObj = divNodes[i]

if(divObj.className == "caa" || divObj.className == "cab") {

divObj.style.background = "url(xx.jpg) no-repeat fixed left top"

}

}

}

可以是可以 但是这样效率不高 主要开发的时候自己要能找的到

比如a.html中有个js方法openTab() 你可以在b.html中写成parent.openTab()

就是指他调用的父页面的js方法

你也可以在一个文件夹下放js 一个文件夹下放css 要用的时候在页面直接加上link css 和 script js加上这个引用句子就可以了

方法一:

使用原生js操作dom的方法,来改变css的样式,比如

document.getElementById(id).style.property =newstyle

这里的new style 里面就可以使用js传入的变量。

此方法固然可以,但是对应改变一些复杂的css,比如动画什么的,操作起来就不怎么方便了。此时,如下的方法二就显得尤为重要了!

方法二:

利用css变量来处理,思路是将js变量赋值给css变量,然后在css样式中使用css变量。如下图所示,我们传入year变量,然后生成了--top、--bottom等变量,然后这些变量就可以在css中使用!