如何用js更改多个a标签的class的值

最热
小型现场
音乐会
演唱会
音乐节


我想然他实现的JS的效果是我点击五个a标签的其中一个，让他class的属性变换到对应点击的哪个a标签的class里面。然后让其他的几个标签的class没有属性。

点击任意a标签以后，让他把class的no的哪个属性给到我点击的哪个a标签的class里面，同时让其他几个class的值为空

把a元素获取到，直接添加class属性就可以了，代码如下：

<script>    
var oA = document.getElementById('a');    
oA.class = 'heikuai';

用浏览器打开，'审查元素'：再看这个a元素时，a的class 属性值就变了。

给你的取个id

如：<a id="a1" href="#">aaaa</a>

（注意：id在同一页面上最好别有重复的，就跟身份证号一样，任何标签的最好都别重复）

然后通过id定位到该a标签：

var mya = document.getelementbyid("a1")或者document.all.a1;

最后就可以读取了：mya.innerhtml或者mya.innertext(前者是读取前后a标签内的所有html代码，后者是仅读取前后a标签内的文本值)

如:<a><b>aaaa</b></a>  innerhtml就能获取到<b>aaaa</b>,而innertext只能获取到aaaa

还要注意以上代码中的大小写，js是严格区分的

仅供参考