使用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> 

當頁面呈現這些變化是在T可見他的代碼，但仍然我得到了懸停在鏈接上的手形指針

我已經嘗試使用menuItem.style.cursor =「default」; 而且還試圖通過CSS

CSS

.class a:hover{ 
cursor:default;} 

Answer 1

將其設置使用，如果你想改變的文件中體現setAttribute是不可靠的。使用Element.style代替：

menuItem.style.cursor='default'; 

Answer 2

讀到這裏：Mouse Coursor 1，Mouse Coursor 2

試試這個：

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

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

Answer 3

你可以做一個鏈接無法點擊這個樣子， Unclickable link

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

檢查小提琴[https://jsfiddle.net/prevathi/hwbfLftu/]