请教大神一个关于className的问题

近期学习dom的时候想咬对页面中某个class的样式进行修改，其他的暂且不提，就是效果却显示的并非替换了每个class，而是只替换了第一个和第三个。这究竟是什么原因？请大神帮忙解答下，也许说的不清楚，请看代码

html 代码

<!DOCTYPE <span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a></span>><br /> <<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a></span> lang="en"><br /> <head><br /> <meta charset="UTF-8"><br /> <title>Document</title><br /> </head><br /> <style><br /> .cls{<br /> font-size:20px;<br /> color:#936;<br /> }<br /> .clsc{<br /> font-size:40px;<br /> color:#CC6;<br /> }</p> <p></style></p> <p><body></p> <p><script type="text/javascript"><br /> window.onload = function(){<br /> //var a = document.getElementById("cls1");<br /> //a.style.color = "blue";</p> <p> var a = document.getElementsByClassName("cls");</p> <p> //console.log(a.length);<br /> //console.log(a[0].className);<br /> //console.log(a[1].className);<br /> //console.log(a[2].className);<br /> //console.log(a[3].className);<br /> //a.className = "clsc";<br /> //console.log(a.className);</p> <p> for(var i=0; i<a.length; i++){<br /> a[i].className = "clsc";<br /> }<br /> }<br /> </script> </p> <p><div id="cls1" style="color:red;">内容一</div><br /> <div class="cls">内容二</div><br /> <div class="cls">内容三</div><br /> <div class="cls">内容四</div><br /> <div class="cls">内容五</div></p> <p></body><br /> </<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a></span>>

先在此谢过各位大神~~~~

请教大神一个关于className的问题

前端开发者

相关推荐

评论抢沙发

评论前必须登录！

最新评论

前端开发者

相关推荐

评论 抢沙发

评论前必须登录！

最新评论

评论抢沙发