js获取css属性，更改margin-top属性，给每个a标签的margin-top属性在原基础上 +5px
<a id="a1" href="#" class="float_r" style="margin-top:10px;"></a>
<a id="a2" href="#" class="float_r" style="margin-top:20px;"></a>
<a id="a3" href="#" class="float_r" style="margin-top:30px;"></a>
<a id="a4" href="#" class="float_r" style="margin-top:40px;"></a>
<a id="a5" href="#" class="float_r" style="margin-top:50px;"></a>
我想更改margin-top属性，给每个a标签的margin-top属性在原基础上 +5px
可以参考下面的代码：
<style>
a{display:block;float:left}
</style>
<div style="border:1px solid #cccccc">
<a id="a1" href="#" class="float_r" style="margin-top:10px;">asd</a>
<a id="a2" href="#" class="float_r" style="margin-top:20px;">asd</a>
<a id="a3" href="#" class="float_r" style="margin-top:30px;">asd</a>
<a id="a4" href="#" class="float_r" style="margin-top:40px;">asd</a>
<a id="a5" href="#" class="float_r" style="margin-top:50px;">asd</a>
</div>
<script>
for(var i=1;i<6;i++){
document.getElementById('a'+i).style.marginTop = parseInt(document.getElementById('a'+i).style.marginTop)+5+'px';
}
</script>
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。
扩展资料：
javaScript参考函数
anchor("name")用来把字符串转换为HTML锚面标志内(<A NAME=>)
big() 把字符串中的文本变成大字体(<BIG>)
blink() 把字符串中的文本变成闪耀字体(<BLINK>)
bold() 把字符串中的文本变成乌字体(<B>)
fixed() 把字符串中的文本变成流动间距字体,便电报情势(<TT>)
fontcolor(color)设置字符串中文本的色彩(<FONT COLOR=>)
Fontsize(size) 把字符串中的文本变成指定大小(<FONTSIZE=>)
italics() 把字符串中的白原变成斜字体(<I>)
Link(url)用来把字符串转换-HTML链交标志中(<A HREF=>)
参考资料来源：百度百科-javascript
script代码
var init = function(){
var eles = document.getElementsByTagName("a");
for(var i=0;i<eles.length;i++){
setCss(eles[i]);
}
}
var setCss = function(ele){
var m = parseInt(ele.style.marginTop);
ele.style.marginTop = (m + 5)+'px';
}
</script>
可能把a换成div会有效果。希望对你有帮助
a{display:block;float:left}
</style>
<div style="border:1px solid #cccccc">
<a id="a1" href="#" class="float_r" style="margin-top:10px;">asd</a>
<a id="a2" href="#" class="float_r" style="margin-top:20px;">asd</a>
<a id="a3" href="#" class="float_r" style="margin-top:30px;">asd</a>
<a id="a4" href="#" class="float_r" style="margin-top:40px;">asd</a>
<a id="a5" href="#" class="float_r" style="margin-top:50px;">asd</a>
</div>
<script>
for(var i=1;i<6;i++){
document.getElementById('a'+i).style.marginTop = parseInt(document.getElementById('a'+i).style.marginTop)+5+'px';
}
</script>
...给每个a标签的margin-top属性在原基础上 +5px
<div style="border:1px solid #cccccc"> <a id="a1" href="#" class="float_r" style="margin-top:10px;">asd<\/a> <a id="a2" href="#" class="float_r" style="margin-top:20px;">asd<\/a> <a id="a3" href="#" class="float_r" style="margin-top:30px;">asd<\/...
margin-top:-5px什么意思
上边距为5像素。根据查询margin规格参数显示，margin-top:-5px是上边距为5像素的意思。margin，是CSS语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。
css margin-top:5px; _ margin:3px ; 什么意思
margin-top: 5px;上边距为5像素的意思。_margin: 3px则是专门针对IE6浏览器写的兼容处理、四个外方向的外边距均为3像素。margin属性用来设置元素的外边距，共有四个属性分别为 margin-top：上边距，margin-bottom:下边距，margin-left:左边距，margin-right：右边距。当然也可以直接用margin表示，如 ...
CSS的margin属性怎么设置
1、margin语法Margin:10pxMargin的值是数字+html单位，同时也可以为auto（自动、自适应）2、应用结构Div{margin:10px}设置div对象四边间距为10px3、Margin说明margin是设置对象外边距外延边距离。margin的值有三种情况，可以为正整数和负整数并加单位如PX像素（margin-left:20px）；可以为auto自动属性(mar...
如何用JS来改变CSS属性?
通过js来改变CSS属性，使用jQuery可以很方便的实现，像这样：("img").css('border-color','red');就可以把边框颜色都变成红色。这是针对此问题的测试页面 2、这是3张图片 <img src='https:\/\/ss3.bdstatic.com\/70cFv8Sh_Q1YnxGkpoWK1HF6hhy\/it\/u=975878983,2392470128&fm=11&gp=0.jpg'> ...
CSS设置transition过渡margin-top后底下盒子跑上来了
margin-top: 10px;改成 top: -5px;就正常了。这种情况下尽量不要用magin来改变元素的位置，因为它会对前后左右的其他元素造成影响，稍不留神就会让局面变得不可收拾。既然你把li设为相对定位（position: relative），何不就利用top、left、bottom、right属性来进行相对位移呢？这种位移是不会对周围的...
css怎么用margin和paddingcss中的margin属性
margin就是边距 display:block;加上这个,让td获得p的特性,使其支持margin 不过设置的margin是直接在单元格设置出来的两倍 你理解下,不明白我再解释 css样式中如何设置所有标签属性? 第一种方法:body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:...
上下边距左右边距怎么设置
在网页设计中，上下边距和左右边距的布局控制是基础技巧。通过CSS中的margin和padding属性，可以精确调整元素的间隔。让我们深入了解这两个属性如何运作。首先，margin（外边距）允许你设定元素周围的空白区域。你可以单独给每个方向（上、右、下、左）指定数值，如`margin: 10px;`，或者设置四个值来分别...
CSS的margin有什么作用
首先我们要知道margin是什么意思，margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性，是用于控制每一块元素之间距离的属性。他们是透明不可见的。margin属性包含了margin left ：距左元素块距离（设置距左内边距） ；margin top：距头顶(上)元素块距离（设置距顶部元素块距离）；margin ...
margin在css中什么意思
在CSS（层叠样式表）中，margin是用来定义元素周围的外边距（margin）的属性。外边距是指元素边框与相邻元素边框之间的空白区域。margin属性可以用来设置上、右、下、左四个方向的外边距，也可以用一个值设置所有方向的外边距。具体用法如下：1、设置上、右、下、左外边距：margin-top: 10px;margin-...
