删除 href 属性

问题描述 投票:0回答:3

我正在尝试编写分页代码。一项功能是禁用当前链接,使其看起来像文本并且不可点击。在 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>

javascript hyperlink href
3个回答
40
投票

3
投票

尝试附加的代码片段。 它使用 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>


0
投票

或者你可以通过css point-events:none;

实现不可点击
© www.soinside.com 2019 - 2024. All rights reserved.