javascript - 禁用其他html頁面的html框架的超鏈接

Question

我想禁用此框架html文件中的href鏈接。我能夠從其他html文件中獲取元素，但我無法設置attr或onclick防止默認值。

<a id="StatusLink" href="/StatusFrame.html" target="detail"><i class="demo-icon icon-chart-line fa-fw"></i> System Status<span class="demo-icon icon-right-open-1"></span></a> 

top.window.frames[1].document.getElementById("StatusLink") 

top.window.frames[1].document.getElementById("StatusLink").attr("href", "http://the.new.url"); 

類型錯誤：top.window.frames [1] .document.getElementById（...）attr爲不是函數（...）

謝謝， 馬達夫

Answer 1

attr()。是一個jQuery方法，你有一個普通的DOM元素，所以使用Element.setAttribute()：

top.window.frames[1].document.getElementById("StatusLink").setAttribute("href", "http://the.new.url"); 

的上述工作，但通過屬性設置屬性，而不是直接的它更合適，所以我會用：

top.window.frames[1].document.getElementById("StatusLink").href = "http://the.new.url"; 

如果你想禁用HREF那麼你可以添加一個單擊處理程序，以防止默認情況下，和離開href：

top.window.frames[1].document.getElementById("StatusLink").onclick = function(e){ 
    e.preventDefault(); 
};