2014-11-04 70 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"; 

它的整潔和整潔,我向你保證廣泛使用的內嵌樣式最終引起頭痛。