使用javascript将光标更改为锚标记中的默认值

Question

我有锚标记，其中我通过JavaScript删除了href属性。 我还使用setAttribute添加style="cursor:default;" 但是仍然在将鼠标悬停在文本上时显示手形指针。 我在这做错了什么。

HTML

<li>
<a class="menu-item" href="www.google.com" > 
 <span>Link Text</span>
</a>
</li>

JS

window.onload=function removeLink()
{
menuItem.removeAttribute("href");
menuItem.setAttribute("style","cursor:default;");
}

页面加载后html变得像这样

<li>
<a class="menu-item" style="cursor:default;" > 
 <span>Link Text</span>
</a>
</li>

当呈现页面时，这些更改在代码中可见，但是仍然可以将鼠标指针悬停在链接上

我已经尝试过使用menuItem.style.cursor =＆＃34;默认＆＃34 ;; 并且还尝试通过css设置它

CSS

.class a:hover{
cursor:default;}

Answer 1

请在此处阅读：Mouse Coursor 1，Mouse Coursor 2

试试这个：

document.getElementById("anchor").style.cursor="default";

<a href="https://www.google.co.in" id="anchor">Google</a>

Answer 2

您可以使用简单的css创建一个像这样无法点击的链接。这也适用于移动设备和桌面。

＆＃13;

＆＃13;

 a {
    pointer-events: none;
    cursor: default;
    }

＆＃13;

<a href="https://www.google.co.in/">Unclickable link</a>

＆＃13;

＆＃13;

＆＃13;

Answer 3

如果您希望更改反映在文档中，则使用setAttribute是不可靠的。请改用Element.style：

menuItem.style.cursor='default';