用JS改变的元素CSS样式
2015-08-13 16:40
411 查看
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");
其中,divs是要改变样式元素的name。
2.js改变由class方式引用的样式:
方法一:document.divs.className='divs1';
方法二:document.divs.setAttribute("class","divs1");
其中,divs是要改变样式元素的name。
3.js改变由id方式引用的样式:
方法二:document.divs.setAttribute("id","divs1");
其中,divs是要改变样式元素的name。
1.js改变由style方式引用的样式:
方法一:document.divs.style.cssText="border:1px solid #000000;color:#FF0000";
方法二:document.divs.setAttribute("style","border:1px solid #000000;color:#FF0000");
其中,divs是要改变样式元素的name。
2.js改变由class方式引用的样式:
方法一:document.divs.className='divs1';
方法二:document.divs.setAttribute("class","divs1");
其中,divs是要改变样式元素的name。
3.js改变由id方式引用的样式:
方法二:document.divs.setAttribute("id","divs1");
其中,divs是要改变样式元素的name。
相关文章推荐
- DIV+CSS下划线基础
- css学习笔记之三
- css 关于ul在div里居中且平铺的问题
- 通用css样式模板,
- ios8新特性widget开发(自定义的通知栏样式)
- 百度使用的网页变灰css
- CSS中 @media screen 和@media only screen 和@media 的不同
- CSS3 线性渐变(linear-gradient)特效详解
- CSS 规避脱标之两种用法
- H5+JS+CSS3实现七夕言情
- css中outline的使用
- 关于css遇到的问题
- div+css3纯手工制作登录页
- file样式化
- 样式 控制字符宽度,隐藏或换行
- updatepanel更新dropdownlist后其css样式失效的解决方案
- 浅谈CSS选择器中的空格
- css与js动画对比:谁更快?
- 复选框样式化综合
- css 内边距 外边距 边框