美文网首页Web前端之路程序员
javaScript获取元素的样式属性

javaScript获取元素的样式属性

作者: Funwt | 来源:发表于2017-08-19 15:27 被阅读44次

通过元素的style获取

但是这种方法只能获取style属性中的CSS样式,如果属性名为两个单词组合,则使用驼峰写法,比如“margin-top”--->“marginTop”

var e = document.getElementsByTagName("div")[0];
var height = e.style.marginTop;

通过window.getComputedStyle(element, [pseudoElt])来获取

element
用于获取计算样式的Element
pseudoElt 可选
指定一个要匹配的伪元素的字符串。必须对普通元素省略(或null)。

你可以直接拿值
var e = document.getElementsByTagName("div")[0];
getComputedStyle(e,null).marginTop;
也可以通过getPropertyValue(),此时你就不需要用驼峰了,它是什么你就怎么写
var e = document.getElementsByTagName("div")[0];
getComputedStyle(e,null).getPropertyValue("margin-top");

相关文章

  • Dom样式操作

    样式操作 一、 概要 通过JavaScript获取dom元素上的style属性,我们可以动态的给元素赋予样式属性。...

  • javaScript获取元素的样式属性

    通过元素的style获取 但是这种方法只能获取style属性中的CSS样式,如果属性名为两个单词组合,则使用驼峰写...

  • JavaScript盒子模型及其属性

    JavaScript盒子模型,指的是通过JavaScript中提供的一系列的属性和方法,获取页面中元素的样式信息值...

  • jQuery篇之操作jQuery对象(样式)

    获取/设置 元素内容 获取/设置 元素属性 获取/设置 元素样式 获取/设置 元素位置和大小

  • 开发遇到的JS语句集

    设置元素css样式值 改变元素class样式 获取文本框的值 获取元素属性 动态属性值 删除一个父元素下面的所有子...

  • selenium学习笔记9——selenium获取元素css中的

    获取元素的属性 获取元素css中的属性 如果元素A的color属性没有在标签中,而是在css样式中,如何获取? g...

  • web前端 -- Day22 js基础

    元素的样式 元素的样式属性是无法直接通过:对象.style.属性 来获取的,(样式在style属性中设置)offs...

  • 获取元素大小和位置的五种方式

    一、直接获取元素样式属性值 运用之前在JS如何获取元素样式?这篇文章中提到的三种获取元素样式方法便可获取元素大小和...

  • 获取元素样式

    获取元素的某一个具体的样式属性值 元素.style.属性名这需要把元素的样式都写在行内样式上,写在样式表(css)...

  • 获取元素的具体样式信息

    获取元素的某一个具体的样式属性值 1、元素 . style . 属性名需要把元素的样式都写在行内样式上才可以(写在...

网友评论

    本文标题:javaScript获取元素的样式属性

    本文链接:https://www.haomeiwen.com/subject/yrptdxtx.html