将锚的href属性与“#”进行比较？ [关闭]答案

【问题标题】：Comparing attribute of an anchor's href with "#"? [closed]将锚的href属性与“#”进行比较？ [关闭]
【发布时间】：2015-05-12 00:48:52
【问题描述】：

我想更改所有将 href 设置为“#”的锚的 css 属性。

<div class="mlItems">
    <a href="#">Home</a>
</div>
<div class="mlItems">
    <a href="applets.html">Applets</a>
</div>
<div class="mlItems">
    <a href="tools.html">Tools</a>
</div>
<div class="mlItems">
    <a href="gallery.html">Gallery</a>
</div>
<div class="mlItems">
    <a href="tutorials.html">Tutorials</a>
</div>
<div class="mlItems">
     <a href="fun.html">Fun</a>
</div>
<div class="mlItems">
      <a href="about.html">About</a>
</div>

所以我使用它们的标签名称搜索元素，并使用 for 循环将 href 与“#”进行比较。然后使用 javascript 更改元素的样式属性。

function setnavstat(){
var menul = document.getElementsByTagName("a");
for(var i = 0;i < menul.lenght;i++){
    if(menul[i].getAttribute("href") == "#"){ 
         menul[i].style.color = "#000000";
       } 
     }
}

但这似乎不起作用。帮我。提前致谢。如果响应仅在 JavaScript 中会有所帮助。

【问题讨论】：

你在打电话给setnavstat()吗？
第一期 - 错字。 menul.lenght 应该是 menul.length。其实这就是问题的全部。投票结束。
可以使用 CSS（伪属性）-> a[href="#"] { color: #000; }

标签： javascript html css href

【解决方案1】：

你不需要使用 JavaScript，你可以用纯 CSS 来做：

a[href="#"]{
    color: #000000;
}

<div class="mlItems">
    <a href="#">Home</a>
</div>
<div class="mlItems">
    <a href="applets.html">Applets</a>
</div>
<div class="mlItems">
    <a href="tools.html">Tools</a>
</div>
<div class="mlItems">
    <a href="gallery.html">Gallery</a>
</div>
<div class="mlItems">
    <a href="tutorials.html">Tutorials</a>
</div>
<div class="mlItems">
     <a href="fun.html">Fun</a>
</div>
<div class="mlItems">
      <a href="about.html">About</a>
</div>

【讨论】：