javascript - 根据链接的 HREF 包含的内容更改 CSS 样式

Question

我正在寻找一种方法来搜索 href 为“#”的任何链接，并更改它们的 CSS 样式以使这些链接具有不同的颜色。本质上，我希望能够轻松识别哪些链接已损坏，哪些没有。

这用于大型文档元素，尚未上传所有文件。我希望用户能够轻松识别哪些链接有效，哪些无效。这可以用 Javascript 以某种方式完成吗？

Answer 1

您需要遍历页面上的所有链接，单独检查它们并根据需要更改样式。这是您扩展的起点:

var anchors = document.getElementsByTagName('a'); //Get all the links
for(var i = 0; i < anchors.length; i++) { //Loop through links
    if(anchors[i].href === '#') { //If link points to "href",
         anchors[i].style.color = 'red'; //then change the link's color to red
    }
}