文章/答案/技术大牛

发布

社区首页 >问答首页 >通过querySelector从CSS中获取值

问通过querySelector从CSS中获取值
EN

Stack Overflow用户

提问于 2016-06-08 14:50:50

回答 2查看 1.4K关注 0票数 1

我试图通过querySelector获得CSS类的特定值，但仍然找不到解决方案：

我想得到的是“40 is”值：

function onS(obj) {
  var logo = document.querySelector('.logo');
  var value = logo.style.marginLeft;
  alert(value);
}

.logo { display: block; position: relative; margin-left: 40px; }

<div class="logo" onmouseover="onS(this)">Test!</div>

有办法吗？

javascript

jquery

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-06-08 15:02:14

logo.style只是查看内联style属性，它没有得到计算的样式。

要从<style>标记或外部样式表获取CSS值，请使用window.getComputedStyle()

function onS(obj) {
  var logo = document.querySelector('.logo');
  var value = window.getComputedStyle(logo).marginLeft;
  alert(value);
}

.logo { display: block; position: relative; margin-left: 40px; }

<div class="logo" onmouseover="onS(this)">Test!</div>

票数 3

Stack Overflow用户

发布于 2016-06-08 14:59:34

我用jQuery来得到价值..。

function onS(obj) {
  var logo = $('.logo');
  var value = logo.css('marginLeft');
  alert(value);
}

.logo { display: block; position: relative; margin-left: 40px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="logo" onmouseover="onS(this)">Test!</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37705939

复制

相似问题

问通过querySelector从CSS中获取值
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过querySelector从CSS中获取值EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过querySelector从CSS中获取值
EN