js读取/设置元素css

Base.prototype.css = function (attr, value) {
	for (var i = 0; i < this.elements.length; i ++) {
		if (arguments.length == 1) {
				if (typeof window.getComputedStyle != ‘undefined‘) {
				         return window.getComputedStyle(this.elements[i], null)[attr];
				} else if (typeof this.elements[i].currentStyle != ‘undefined‘) {
				         return this.elements[i].currentStyle[attr];
				}
		} else {
		        this.elements[i].style[attr] = value;
		}
	}
	return this;
}
时间: 2024-10-12 17:15:51

js读取/设置元素css的相关文章

js中设置元素class的三种方法小结

一.obj.setAtttribute('class','abc') <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('class', 'abc')</title> <style type="text/css"> .abc { background: red; } </styl

js/jquery设置元素隐藏和显示

//js 元素隐藏 document.getElementById('li11').style.display = 'none'; //js 元素显示 document.getElementById('li11').style.display = 'block'; //jquery元素隐藏 $('#li11').hide(); //jquery元素显示 $('#li11').show(); //还有一种方法,在css中设置 .hide{ display: none; } 然后通过js $('#l

用JS改变的元素CSS样式

CSS样式的引用有3种方式:style引用.class引用.id引用,所以js改变元素的样式我们也分3种来说. 1.js改变由style方式引用的样式:方法一:document.divs.style.cssText="border:1px solid #000000;color:#FF0000";方法二:document.divs.setAttribute("style","border:1px solid #000000;color:#FF0000&qu

JS 之设置元素样式的改变,可以利用样式框架

如果已经将某个元素的样式设定好了,又想改变,可以利用样式框架: 1 function setStyle(obj,attr,value){ 2 obj.style[attr]=value;//注意此处attr的写法,点用中括号代替 3 } 然后就可以调用该函数对样式进行改写了,但是这样的话,想改变多个运算样式的时候,需要调用多次这个函数,若不想多次调用函数,该怎么办呢? 这时可以利用json, function setStyle(obj,json){ var attr=''; for(attr i

CSS设置元素背景为透明

IE浏览器下设置元素css背景为透明: background-color: rgb(0, 0, 0); filter: alpha(opacity=20); 非IE浏览器下设置元素css背景为透明: background-color: rgba(0, 0, 0, 0.2); 兼容各类浏览器设置css背景为透明办法,即两者合并设置css: (ie 不支持 rgba,所以rgba不会起作用) background-color: rgb(0, 0, 0); filter: alpha(opacity=

JS动态设置css的几种方式

1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign)  如果想保留 - 号,就中括号的形式  element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100); element.setAttribute

js学习总结----设置元素的样式值setcss

在JS给元素设置样式属性值,我们只能通过curEle.style[attr] = value 这种方式给元素设置行内样式 下面封装一个给当前元素的某一个样式属性设置值的方法(增加在行内样式上的):setCss() function setCss(curEle,attr,value){ //在JS中设置float样式值也需要处理兼容 if(attr==="float"){ curEle["style"]["cssFloat"] = value; c

js学习进阶-元素获取及样式设置

var imgs = document.querySelectorAll("article img"); 获得article元素的直接或间接子孙的所有img元素, <article> <img src = "..." /> <div> <img src = "..." /> </div> </article> 获取2个img元素. 另一个方法querySelector()只返

css设置元素透明度代码实例

css设置元素透明度代码实例:本章节介绍一下如何设置一个元素的透明度,现在众多的效果都有使用,下面就介绍一下如何实现此效果.w3c提供了一种标准的设置透明度的属性opacity,此属性值大小是介于0-1之间的,0为完全透明,1为完全不透明.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=