js动态修改css样式以及修改类名
2017-07-06 00:00
232 查看
方法一.使用obj.className
方法二.使用obj.style.cssTest来修改嵌入式的css
**方法三.用setProperty()
**
方法四.使用obj.className来修改样式表的类名
function updateStyle(){ var obj = document.getElementById('name'); obj.style.width = "200px" }
方法二.使用obj.style.cssTest来修改嵌入式的css
function updateStyle() { var obj = document.getElementById("name"); obj.style.cssText = "background-color:black; display:block;color:White;width:200px"; }
**方法三.用setProperty()
**
function updateStyle() { var obj = document.getElementById("name"); obj.style.setProperty('width','250px'); }
方法四.使用obj.className来修改样式表的类名
function updateStyle() { var obj = document.getElementById("name"); //obj.className = "name1"; obj.setAttribute("class", "name1"); }
相关文章推荐
- 对于Vue-cli的路由跳转以及使用vue.js动态修改CSS样式
- 关于使用JS动态修改CSS样式问题
- ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字(转载)
- js实现html节点、CSS样式、事件的动态添加以及html覆盖层的添加
- ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字
- 关于JS动态修改CSS样式问题(class和style)
- js 提交form表单时,action的动态修改方法
- [原创]修改了StedyMenu为js版的可动态增加,如图,并赋上JS代码
- 关于datagrid的使用以及动态修改,以及使用存储过程的介绍
- ASP.NET 中直接使用C# 动态修改CSS样式
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- JS默认编码方式以及MyEclipse的修改
- Select中使用js动态修改了Option时如何触发onchange事件
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- JS获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- 用JS动态修改Form的Action
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- 表格的鼠标事件以及JavaScript动态修改DOM
- 使用AJAX动态加栽JS脚本和CSS样式