文档章节

CSS DOM动态样式

人间四月
 人间四月
发布于 2015/12/10 11:34
字数 184
阅读 6
收藏 0

CSS DOM动态样式

即使用JS操作CSS中的各属性。

JS只能操作或者修改行内样式,imgObj.style.border= ‘1px solid red’

对于类样式可以通过className来赋值,imgObj.className= “imgClass”


style对象

每个HTML标记都有一个style属性,这个style属性也是一个style对象。

style对象的属性和CSS中的属性一一对应。故,可以使用style对象来代替CSS

    imgObj.style.border= “1px solid red”

style对象属性与CSS属性的转换:
  1. 如果是一个单词,style对象属性,跟CSS属性一样

  2. 如果是多个单词,第一个单词全部小写,后面每个单词首字母大写,并去掉中划线


© 著作权归作者所有

共有 人打赏支持
上一篇: EventDOM:事件DOM
下一篇: DOM
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员
私信 提问
HTML DOM (文档对象模型)

HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树。HTML DOM 树DOM HTML 树通过可编程的对象模型,Jav...

樱楹123
2016/05/24
6
0
Vue中的scoped的实现原理以及scoped穿透的用法

本篇文章给大家带来的内容是关于Vue中的scoped的实现原理以及scoped穿透的用法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1.什么是scoped 在Vue文件中的s...

大灰狼的小绵羊哥哥
10/27
0
0
DHTML(动态HTML)前台页面技术介绍

一、 DHTML(动态HTML)前台页面技术介绍 1、 DHTML介绍 DHTML包含以四个方面的内容: (1)、HTML 4.0 :超文本标记语言,网页文档的主体,以文本文件形式存储,由浏览器翻译后展现出丰富多...

至简6
2014/08/11
0
0
我所不知道的 Chrome 开发者工具

自打我开始进行Web开发后,我就一直将Firebug当作我的调试工具使用。一直以来Firebug对我的帮助非常大,但据我所知,Chrome的开发者工具中有一个功能是Firebug不具有的,它就是性能分析工具,...

oschina
2013/05/20
5.2K
3
JavaScript进阶1-1

让你认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面而已...

SVD
2016/09/24
12
0

没有更多内容

加载失败,请刷新页面

加载更多

JavaScript 继承使用解析

继承,通俗地说,之前你写过一些类,这些类中有一些是而你现在要写的类的功能的子集或者基本相同,那么你不用完全重新写一个新的类,你可以把之前写的类拿过来使用.这样的一种代码重用过程就叫做继...

前端攻城小牛
18分钟前
0
0
深入解析JavaScript 原型继承

JavaScript 原型继承,学习js面向对象的朋友可以看看。十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 Object.prototype JavaScript是...

前端攻城老湿
20分钟前
0
0
2018阿里云双12——年末钜惠,低至2折

活动链接地址:https://m.aliyun.com/act/team1212/?params=N.JlJCGqQNL4

城市之雾
21分钟前
0
0
VMware前路难测,多个厂家群雄逐鹿

导读 以VMware为例,虚拟机巨头公布了第二财季报告所示,它第二财季收入同比增长13%,达到了21.7亿美元,而且该公司收入和每股收益均超出预期。 在人们高谈Salesforce、亚马逊等新兴云计算厂...

问题终结者
22分钟前
0
0
Vuex的初探与实战小结

1.概述 每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。 Vuex 和单纯的全局对象有以下两点不同: 1.Vuex 的状态存储是响...

peakedness丶
32分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部