在 javascript 中禁用锚标记并删除下划线

Question

我有一个锚标记，我想根据某些条件禁用或启用它。我可以使用以下函数来实现此目的：

function disableEnableAnchor(obj, disable) {
    if(disable) {
        var href = obj.getAttribute("href");
        if(href && href != "" && href != null)
            obj.setAttribute('href_bak', href);
        obj.removeAttribute('href');        
    } else {
        var href_bak = obj.attributes['href_bak'].nodeValue;        
        obj.setAttribute('href', href_bak);
    }
}

但是当锚点处于禁用状态时，我无法删除下划线。我怎样才能在这个函数中实现这一点？

Answer 1

obj.style.textDecoration = "none"

Answer 2

您可能需要考虑用跨度替换锚点。

Answer 3

这听起来像是样式表问题。是否有类似

a {
    text-decoration: underline;
}

CSS 文件中的内容应用于页面？

将其替换为以下 CSS 应该会使 标记仅在具有 href 属性时才带有下划线。

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: underline;
}

Answer 4

在 HTML 上使用它：

<a href="mylink" style="text-decoration