文档章节

js动态修改css样式以及修改类名

西米粟
 西米粟
发布于 2017/07/06 10:45
字数 97
阅读 266
收藏 0

方法一.使用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");
}

© 著作权归作者所有

西米粟
粉丝 1
博文 34
码字总数 10760
作品 0
南京
程序员
私信 提问
5种你未必知道的JavaScript和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间 的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作。我们的网页中都有.js文件和...

oschina
2014/04/03
5.6K
20
盘点JavaScript和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技 术,它们需要相互密切的合作。我们的网页中都有.js文件和...

kouxunli1
2014/12/03
83
0
[译]为什么我用 JavaScript 来编写 CSS

原文地址:Why I Write CSS in JavaScript 原文作者:max stoiber 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Ivocin 校对者:MacTavish Lee, Mirosalva 三年来,...

清秋
03/13
0
0
JQuery中操作Css样式的方法

获取和设置样式 追加样式 移除样式 切换类名 判断是否含有某项样式 获取css样式中的样式 设置单个样式 设置多个样式 offset()方法 它的作用是获取元素在当前视窗的相对偏移,其中返回对象包含...

Bery
2017/10/20
18
0
那些可节省调试时间的 CSS 命名规范

我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年...

oschina
2018/01/17
590
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 年迈渔夫遭黑帮袭抢

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享Elvis Presley的单曲《White Christmas》: 《White Christmas》- Elvis Presley 手机党少年们想听歌,请使劲...

小小编辑
今天
1K
16
CentOS7.6中安装使用fcitx框架

内容目录 一、为什么要使用fcitx?二、安装fcitx框架三、安装搜狗输入法 一、为什么要使用fcitx? Gnome3桌面自带的输入法框架为ibus,而在使用ibus时会时不时出现卡顿无法输入的现象。 搜狗和...

技术训练营
昨天
5
0
《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
昨天
8
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
昨天
12
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部