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

Answer 2

在javascript中，您可以按照以下方式执行操作：

var els = document.getElementsByTagName("a");
for (var i = 0, l = els.length; i < l; i++) {
    var el = els[i];
    if (el.href === '#') {
       //do something here
    }
}

Answer 3

我认为这是错误的做法。您可能应该有一个服务器端进程来解析您的文件并修复/标识损坏的链接，而不是在运行时使用JavaScript进行。

但是，您可以使用document.querySelectorAll基于其href属性查询元素。

[].forEach.call(document.querySelectorAll('a[href="#"]'), function (link) {
    link.style.color = 'red'; //change style
});

Answer 4

我知道这是一个老问题，但这个问题需要一个不需要JavaScript的答案 - 基于href与纯CSS的样式链接效率更高。

这个CSS使用＆＃34;＃＆＃34;的href来设置所有链接的样式。红色：

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

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

4 个答案: