使用Javascript更改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';

样式使用驼峰大小写，因为标识符不能包含连字符。