2014-11-04 88 views
0

我有一个网址在我的HTML,如下图所示。我已使网址无效使用JavaScript来改变CSS的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'; 
+0

'-'不是用点表示,使用括号标记有效:'.style [“指针事件”] =“...”' – andlrc 2014-11-04 16:05:14

回答

0

用途:

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

样式使用骆驼情况下,作为标识符不能包含连字符。

+0

有什么不对的答案? – Scimonster 2014-11-04 16:02:34

+0

downvote没有解释就没用了 – 2014-11-04 16:03:55

5

我会建议你使用CSS和JavaScript中明确区分两者的方式。

定义CSS样式:

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

.active 
{ 
    pointer-events: auto; 
} 

切换的CSS类的元素使用javascript:

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

它的整洁和整洁,我向你保证广泛使用的内嵌样式最终引起头痛。