首页 > 编程知识 正文

js内建css,js内建对象

时间:2023-12-29 20:31:52 阅读:330850 作者:BJTO

本文目录一览:

JS设置css方法

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

function bj(){

var divNodes = document.getElementsByTagName("div");

for(var i=0,j=divNodes.length;ij;i++){

var divObj = divNodes[i];

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

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

}

}

}

js 设置css

css中带中横线的样式属性对应到js里面的命名规则为:

去掉中横线,中横线后的首字母大写,如你上面的例子即为:style.textDecoration

另外,你要把这个层里所有a都要改变这样的样式:

document.getElementById("yourDivId").getElementsByTagName("a").style.textDecoration = "none";

如何在JS中定义CSS

var domObj = document.getElementById("tagId");

//使用domObj.style来设置css:

domObj.style.backgroundColor="#000";//对应style里 background-color

domObj.style.fontSize="#000";//对应style里 font-size

//如果对这个表不太清楚可以在w3c上查一下

//但是一般有个规律就是,首单词小写 “-”后面的第一个字母大写,如:font-size 就是fontSize

如果是想更换标签的class的话,可以使用

domObj.className = "other_class";

javascript如何添加css类

JavaScript动态建立或增加CSS样式表,参考如下:

1、简单的方法:

document.createStyleSheet().cssText = '标签{color:red;' +  

    // 这个注释只在当前JS中帮助理解,并不会写入CSS中  

    'width:300px;height:150px}' +  

    '.类名{……}' +  

    '#ID们{……}'

2、比较完美的方法,防止重复添加,通过添加样式表ID并对其判断来实现:

if (!document.styleSheets['要建立的样式表ID如theforever']) { //先检查要建立的样式表ID是否存在,防止重复添加  

 var ss = document.createStyleSheet();  

 ss.owningElement.id = '要建立的样式表ID如theforever';  

 ss.cssText = '标签{display:inline-block;overflow:hidden;' +  

  // 这个注释只在当前JS中帮助理解,并不会写入CSS中  

  'text-align:left;width:300px;height:150px}' +  

  '.类名{……}' +  

  '#ID们{……}'  

 ;  

}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。