小宇子
2015-08-26 14:57一个获取div中样式的问题
获取标签中的margin-top的值，使用document.getElementsByTagName("div").style.marginTop（有遍历）但只能得到内嵌样式的值，内联部分的值不能得到，具体代码如下：
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style>
.mt1{margin-top:10px;}
.mt3{margin-top:20px;}
.mt4{margin-top:23px;}
.mb1{margin-bottom: 60px;}
.mb2{margin-bottom: 15px;}
.mb4{margin-bottom: 5px;}
</style>
</head>
<body>
<div class="mt1 mb1">
<div id="flag" style="margin-top:15px">
<div class="mt3">
<div class="mt4">
ppppp
<!-- ... -->
</div>
</div>
</div>
<!-- ... -->
<p>content content content</p>
<p>content content content</p>
<!-- ... -->
<div class="mb2">
<div style="margin-bottom:35px">
<div class="mb4">44444
<!-- ... -->
</div>
</div>
</div>
</div>
<button onclick="js()"> dd</button>
<script>
function js()
{
var eles = document.getElementsByTagName("div");
for(var i=0;i<eles.length;i++){
alert(parseInt(eles[i].style.marginTop));
}
}
- 点赞
- 回答
- 收藏
- 复制链接分享
4条回答
为你推荐
- 通过.innerHTML插入到页面的代码中样式未加载
- html5
- css
- javascript
- ajax
- 3个回答
- vue中，如何根据坐标给v-for渲染出来的表格添加样式
- vue.js
- javascript
- 1个回答
- 无法获取博客类别来拉取样式表样式 - Expression Engine
- codeigniter
- php
- 1个回答
- 使用PHP [关闭]获取网页上使用的所有CSS样式
- css
- html
- php
- styles
- 1个回答
- CSS样式中如何在一个class中引用另一个class
- html5
- css3
- css
- 2个回答
换一换