javaScript DOM操作(下)

这一节我们来说如果通过dom来间接的操作css

dom.style.prop

这个方法我们可以读取属性也可以往里面写属性,没有兼容性问题。dom.style会返回一个内联的样式表.

需要注意的几点是:

  •  通过的dom.style.prop设置的是内联样式, 如果通过选择器设置样式而不是写在内联,那么通过dom.style.prop是获取不到的我们通过非内联的样式的
  •  对于保留字,如碰到float这样的关键字属性,前面应加css 即dom.style.cssfloat,但是也可以不加css前缀,但是不建议这样做
  •  符合属性必须拆解,组合单词变成小驼峰式写法,例如background-color变为backgroundColor
  •  写入的值必须是字符串格式

查询样式window.getComputedStyle(ele,null)

  • 该方法第一个参数是获取ele元素的样式,返货的是一个样式表,而且是最后展示在页面上的样式, 并且是经过计算的,例如设置的宽高是百分数,那么获取到的样式表里面的宽高是经过计算的具体的值。第二个参数是用来获取伪类的样式的例如"after",而且获取到的样式表是只读的,不能修改。

查询样式的兼容性问题

  • 对于IE及以下我们如果要查询样式的话除了使用dom.style.prop还可以使用ele.currentStyl该方法也返回一个只读的样式表,但是返回的值不是进过计算的,并且是IE的独有方法

猜你喜欢

转载自blog.csdn.net/Her_smile/article/details/81042876