JavaScript学习(十五)—内部样式与外部样式的修改与设置

(一)、行内样式

  • 获取方式:元素节点.style.CSS属性名称;

  • 注意:如果CSS属性中包含"-",那么需要采用驼峰命名法,如div.style.fontSize

  • 设置样式:元素节点.style.CSS属性名称=属性值

  • 注意:如果元素身上已经有了CSS属性,那么表示修改,如果没有表示添加

cssText属性

  • 作用:获取行内样式(指将style属性后面的所有的行内样式一字符串的形式返回),也可以用它来设置行内样式。
  • 获取格式:元素节点.style.cssText=‘属性名称:属性值;属性名称:属性值…’
  • 注意:如果CSS属性中包含"-",那么不需要采用驼峰命名法,另外不需要设置的样式采用默认值

(二)内部样式与外部样式的获取

a)谷歌浏览器(除了降低版本IE):window.getComputedStyle方法获取

  • 格式:window.getComputedStyle(元素节点,null).CSS属性名称;

b) IE浏览器(IE8以及IE8以下的版本):元素节点.currentStyle属性名称;

JavaScript学习(十五)—内部样式与外部样式的修改与设置相关推荐

  1. JavaScript学习(五十九)—原型、原型链、闭包以及闭包的不足

    JavaScript学习(五十九)-原型.原型链.闭包以及闭包的不足 一.什么是闭包? 所谓闭包就是指被定义在其他函数内部的函数. 闭包函数可以访问它所在的函数的所有变量. 文字太抽象了,画图解释一下 ...

  2. JavaScript学习(五十八)—作用域链

    JavaScript学习(五十八)-作用域链 一.作用域链 在每个作用域中都有一个对象,这个对象被称为变量对象. 变量对象的作用就是用来管理该作用域下面定义的变量和函数的,也就是在该作用域下面定义的变 ...

  3. JavaScript学习(五十六)—寄生式继承(临时构造器的使用)

    JavaScript学习(五十六)-寄生式继承(临时构造器的使用) 寄生式继承(临时构造器的使用): 之所以要使用临时构造器就是要在实现原型链继承时获取上级构造方法原型中的内容,而不要它的私有属性 默 ...

  4. JavaScript学习(五十五)—组合继承

    JavaScript学习(五十五)-组合继承 组合继承:就是借用构造方法继承和原型链继承的组合形式

  5. JavaScript学习(五十二)—继承、call方法和apply方法

    JavaScript学习(五十二)-继承.call方法和apply方法 学习内容 一.继承 二.call方法 三.apply方法 一.继承 所谓继承就是两个构造方法建立起来的某种联系,通过某种联系,可 ...

  6. JavaScript学习(五十)—hasOwnProperty属性和in关键字

    JavaScript学习(五十)-hasOwnProperty属性和in关键字 一.hasOwnproperty方法 作用:判断属性是否为对象的私有属性 格式:对象名称.hasOwnProperty ...

  7. OpenCV与图像处理学习十五——LBP纹理特征(含代码)

    OpenCV与图像处理学习十五--LBP纹理特征(含代码) 一.LBP介绍 二.LBP原理 三.代码应用 一.LBP介绍 LBP(Local Binary Pattern, 局部二值模式) , 是一种 ...

  8. PyTorch框架学习十五——可视化工具TensorBoard

    PyTorch框架学习十五--可视化工具TensorBoard 一.TensorBoard简介 二.TensorBoard安装及测试 三.TensorBoard的使用 1.add_scalar() 2 ...

  9. JavaScript学习(五十七)— arguments对象

    JavaScript学习(五十七)- arguments对象 arguments对象 该对象是函数内部的一个属性,这个属性本身也是一个对象 这个对象是用来管理函数被调用时传过来的实参的 argumen ...

最新文章

  1. 迁移学习的魔法:任何人都将能使用深度学习
  2. python中module用法_Python学习之module用法
  3. Jquery autocomplete插件
  4. k8命令,pod的启动流程与资源文件书写,k8s集群调度
  5. php chr() ord()中文截取乱码问题解决方法
  6. field property data type validation error in metadata
  7. Java高级开发面试,java泛型下界通配符
  8. 【转】CT层厚、层间距、层间隔的概念是什么,MRI的层厚、层间距、曾间隔是什么
  9. 数据结构 - 单链表(Linked List)实现在内存中实现数据以链表形式生成并根据序号排序
  10. RDD和DataFrame和DataSet三者间的区别
  11. zend studio10运行php,加速Zend Studio 运行的10点技巧
  12. C语言一个简单的贪吃蛇程序
  13. 电脑重装win10系统教程,简单易懂,不用U盘直接重装
  14. Linux查看mpp数据库地址,Linux环境搭建DM8 MPP双节点集群
  15. CH552-HID 键盘 鼠标
  16. unittest用例封装
  17. PDF转word之后的结果事图片格式,如何改成.doc或.docx格式
  18. win10 安装 GPU版TensorFlow
  19. 数据透视表 | 字段的组合
  20. idea条件断点和异常断点

热门文章

  1. 如何利用Webp和http缓存节省30%的网络流量
  2. mysql-cacti-templates-1.1.2.tar.gz 免费下载 cacti MySQL添加监控
  3. paper 6:支持向量机系列三:Kernel —— 介绍核方法,并由此将支持向量机推广到非线性的情况。...
  4. 各种协议在RFC中的编号
  5. 鼠标移至图片后抖动的JS代码
  6. 汇编指令中英文释义 ASCII码字符表
  7. win7查看 本地计算机策略,win7系统打开本地组策略编辑器报错解决办法
  8. FreeRTOS源码分析与应用开发03:时间管理
  9. Eclipse-Mybatis-generatorConfig.xml
  10. linux buffer cache 过高_怎么理解内存中的Buffer和Cache?