使用Javascript更改URL的CSS

Using Javascript to change CSS for URL

本文关键字：CSS URL 更改 Javascript 使用      更新时间：2023-09-26

我的HTML中有一个url，如下所示。我已使url不活动

<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';

我建议您使用CSS和javascript，以明确区分两者。

定义你的CSS样式：

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

使用javascript:切换元素的CSS类

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

它更整洁，我保证广泛使用的内联样式最终会让人头疼。

使用：

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

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

相关文章：