js获取css属性，更改margin-top属性，给每个a标签的margin-top属性在原基础上 +5px 15
<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代码
<script type="text/javascript">
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会有效果。希望对你有帮助
<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>
