一、局部改变样式
三种方法:直接改变样式、改变className和改变cssText
1,改变className:
复制代码 代码示例:
document.getElementById(obj).className="…"
2,改变cssText:
复制代码 代码示例:
document.getElementById(obj).style.cssText="width:20px; border:solid 1px #f00;";
3,改变直接样式:
复制代码 代码示例:
document.getElementById(obj).style.backgroundColor="#003366″
二、全局改变样式
通过改变外链样式的的href的值实现网页样式的实时切换,即"改变模板风格"。
首先,赋予需要改变的目标一个id,例如:
复制代码 代码示例:
<link rel="stylesheet" type="text/css" href="firefox.css" />
调用方法:
复制代码 代码示例:
<span onclick="javascript:document.getElementById(css).href=ie.css\">点此改变样式</span>
@ css选择器选取节点的是?
CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样大家选择相应的元素就很重要了,如何选择对应的元素,此时就需要大家所说的选择器。在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。选择器主要是用来确定html的树形结构中的DOM元素节点。@ css器是什么?
css是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式,实现了很多功能。@ js选择器是什么?
简单理解为一些不起眼但是超常用的方法,通过指定的规则作为参数来获取对象的方法;如ID选择器:通过元素的id来获取对象的 js写法:document.getElementById;
标签选择器:通过元素的标签名获取对象:js写法:document.getElementsByTagName
属性选择器: 通过元素的属性获取对象:js写法:document.getElementsByName(通过name属性)