Question

我正在尝试编写分页代码。一个功能是禁用当前链接，使其看起来像文本并且不可点击。在html页面中，这可以通过省略href属性来实现，如：

<a>Link</a>

我不能在javaScript中这样做，

AvdonPagination.prototype.manageLinks = function(link){
    if(link){
        this.current.href = '#';
        this.current = link;
    }else{
        this.current = this.links[0];
    }
    this.current.href = null;
}

，因为

this.current.href = null;

产生

<a href="null">Link</a>

我还尝试了this.current.href=""和this.current.disabled=true，但它们都不起作用。我如何实现<a>Link</a>？

Answer 1

试试这个removeAttribute("href")

Answer 2

尝试附加的代码段。它使用javascript并且当前将链接功能移除到第三个链接。您可以通过在javascript中添加更多行来轻松调整它，以反映您要删除链接的行（但保留文本）。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>

<a id="test-1" href="test-1">test-1</a>
<a id="test-2" href="test-2">test-2</a>
<a id="test-3" href="test-3">test-3</a>

<script>
document.getElementById("test-1").removeAttribute("href");
</script>

</body>
</html>

删除href属性

2 个答案: