使用Java腳本更改URL的CSS

Question

我的HTML中有一個網址，如下所示。 我已將該網址設為無效

<a style="pointer-events: none; color: rgb(44, 89, 159);" href="https://www.google.com/" id="successfactors">Link</a>

我正在嘗試通過Javascript重新激活鏈接。 我嘗試了下面的代碼，但是當我這樣做時頁面無法正確加載。 有誰知道我在做什么錯或使鏈接無效/更好的方法？

document.getElementById('successfactors').style.pointer-events = 'auto';

Answer 1

我建議您以明確區分兩者的方式使用CSS和javascript。

定義您的CSS樣式：

.inactive
{
   pointer-events: none;
   color: rgb(44, 89, 159);
}

.active
{
   pointer-events: auto;
}

使用javascript切換元素的CSS類：

document.getElementById("successfactors").className = "inactive";

它更整潔，更整潔，我向您保證，廣泛使用的內聯樣式最終會引起頭痛。

Answer 2

采用：

document.getElementById('successfactors').style.pointerEvents = 'auto';

樣式使用駝峰式大小寫，因為標識符不能包含連字符。