用JS改变的元素CSS样式
2014-04-10 10:49
232 查看
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。
相关文章推荐
- 用JS改变的元素CSS样式
- 用JS改变的元素CSS样式
- 如何使用JS来改变CSS样式 -- 元素的样式属性名称在CSS和JS中的对照表
- 用JS改变的元素CSS样式
- js改变css样式的三种方法
- js改变style样式和css样式
- 如何使用JS来改变CSS样式
- JS中改变css样式的方法JavaScript
- 如何使用JS来改变CSS样式
- 如何使用JS来改变CSS样式
- js改变style样式和css样式的简单实例
- 如何应用JS来改变CSS样式
- JS改变数组中某元素位置的函数
- 对于用js获取元素的css样式属性(getComputedStyle,currentStyle,style)(getPropertyValue,getAttribute)
- 在Chrome(49.0.2623.87)版本下通过JS改变select的选项时,要先清空之前的option元素的selected属性的问题
- js拖拽之二:实现拖动元素上下左右改变元素大小
- js拖拽之四:右下角拖拽改变元素大小
- JS设置和改变元素属性
- jQuery与原生js改变CSS样式-颜色
- 改变元素的css样式 脚本