用JS代码，实现《去除同栏目，目录下class="on"的a标签样式》
用JS代码，实现《去除同栏目，目录下class="on"的a标签样式》有会写的，给写下，谢谢了...
用JS代码，实现《去除同栏目，目录下class="on"的a标签样式》有会写的，给写下，谢谢了
展开
3个回答
展开全部
同栏目、目录是指html页面的同一父元素吧
如果是清除该父元素下指定class的a标签的css样式的话，实例如下：
<html>
<head>
<style>
.on { border: 1px solid #000; }
</style>
</head>
<body>
<div id="abc">
<a class="on" style="background:green;">1</a>
<a class="on" style="background:yellow;">2</a>
<a class="on" style="background:blue;">3</a>
<a class="on" style="background:red;">4</a>
<button onclick='clearStyle("abc","on");'>ClearStyle</button>
</div>
</body>
<script>
function clearStyle(parentId,childClass) {
var p = document.getElementById(parentId);
var c = p.getElementsByClassName(childClass);
for (var i=0; i<(c.length+i); i++) {
c[0].removeAttribute('style'); //清除内联样式（背景色）
c[0].setAttribute('class','off'); //更改class属性（解开内部样式表中对原class样式的关联）
}
};
</script>
<!--
c.length随class属性的更改而递减，故循环条件必须为i<(c.length+i)
c数组随class属性的更改而减小，故使用c[0]而不是c[i]
如果不清除内部样式表的样式，则使用以下for循环
for (var i=0; i<c.length; i++) {
c[i].removeAttribute('style');
}
-->
</html>
追问
写的很不错，但不是我想要的效果
我想问你，
JS语法，删除同一栏目 class="on"的样式，如何写？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你自己看看吧，这是例子,
不过你要注意，你要是把隐藏的和删除的调换位置的话，删除了之后第二个class='p1'的child会变成child[0]
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
