将锚点 href 的属性与“#”进行比较？

Question

我想更改 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 中，将会有所帮助。

Answer 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>

将锚点 href 的属性与“#”进行比较？

Comparing attribute of an anchor's href with "#"?

html

javascript

css

href