用JS改变的元素CSS样式
2014-11-03 19:49
204 查看
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样式 -- 元素的样式属性名称在CSS和JS中的对照表
- 用JS改变的元素CSS样式
- 用JS改变的元素CSS样式
- js 改变元素的位置
- IE撤销机制Ctrl-Z功能会在由于Js动态改变页面元素失效
- js改变元素样式
- 用js改变css样式
- 如何使用JS来改变CSS样式
- 如何应用JS来改变CSS样式
- 如何使用JS来改变CSS样式
- 原生js获取元素的class属性(获取class的所有元素)以及改变或添加calssName
- JS利用prototype改变元素实例的方法的变量作用域
- 如何使用JS来改变CSS样式
- 一些比较有用的js脚本--通过class改变css样式
- 如何使用JS来改变CSS样式
- js根据浏览器的宽度不同改变CSS样式
- 解决js弹出框后css样式改变
- Fix IE6 剪贴板撤销机制Ctrl-Z,Ctrl-Y功能会在由于Js动态改变页面元素的value后失效的Problem
- 如何使用JS来改变CSS样式