Question

如何用js给a标签随机添加一个class值？

经过循环出来的代码都是如下样式：
<a class="category-post food" href="#">12345</a>
现在我想通过JS把这个a标签随机变成
<a class="category-post food" href="#">12345</a>
<a class="category-post travel" href="#">12345</a>
<a class="category-post sport" href="#">12345</a>
<a class="category-post fashion" href="#">12345</a>
请高手帮忙一下，这个JS怎么写？

Answer 1

<script>
var a = document.querySelectorAll("a");
var className = ["food", "travel", "sport", "fashion"];
for (var i = 0; i < a.length; i++) {

a[i].className = className[i];
}
</script>

追答

望采纳

追问

好像不行啊，提示 var a.category-post = document.querySelectorAll("a");有个语法错误

追答

写错了

category -post 的类写在标签上

这个不是固定的类吗

追问

不好意思啊，还是不会弄，能写个完整的给我吗？先采纳了

追答

好的，刚刚我写少了个+=

1
22
333
4444

var a = document.querySelectorAll("a");
var className = ["food", "travel", "sport", "fashion"];
for (var i = 0; i

好了没