文档章节

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. 如果是多个单词,第一个单词全部小写,后面每个单词首字母大写,并去掉中划线


© 著作权归作者所有

共有 人打赏支持
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员
HTML DOM (文档对象模型)

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

樱楹123
2016/05/24
6
0
DHTML(动态HTML)前台页面技术介绍

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

至简6
2014/08/11
0
0
关于网页3D切换的优化问题

现在我们看到的很多网页上其实有很多的动画,这些动画实现的效果也是各种各样,这里我总结了几种关于动画的性能优化方案,很有可能不是很完善,但是我觉得已经是我这段时间碰到的所有问题了。...

i5--lou
2016/04/05
18
0
Yahoo! UI Library入门

简介 Yahoo! User Interface Library(简称yui) 是一个使用Javascrīpt编写的工具和控件库。它利用DOM脚本,DHTML和AJAX来构造具有丰富交互功能的Web程序。yui也包含几个核心的CSS文件。yui中的...

晨曦之光
2012/03/09
0
0
JavaScript进阶1-1

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

SVD
2016/09/24
12
0

没有更多内容

加载失败,请刷新页面

加载更多

一个可能的NEO链上安全随机数解决方案

0x00 困境 链上安全随机数生成应该算是一个比较蛋疼的问题,哪怕你的系统再牛逼,合约程序困在小小的虚拟机里,哪怕天大的本事也施展不开。 更悲催的是,交易执行的时候,是在每一个节点都执...

暖冰
54分钟前
1
0
【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
1
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
今天
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部