使用 JS 移除 onclick 功能

Question

我正在使用具有導航欄模板的主機，我可以對其進行樣式設置，但無法編輯其中的內容。 搜索 function 會彈出一個搜索框，但是我在實際頁面 /search 上開發了一個高級搜索。有沒有辦法從這個鏈接中刪除 onclick 和目標？ 我無法訪問實際的 HTML 來刪除它，因此我必須有一些東西覆蓋它。

 <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" target="_blank">Search</a>

Answer 1

您可以使用removeAttribute function 刪除這些屬性。 下面是一個工作示例。

 window.onload=function(){ var anc=document.getElementsByClassName("mainmenu"); anc[0].removeAttribute("target"); anc[0].removeAttribute("onclick"); }

 <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" target="_blank">Search</a>

Answer 2

將 null 分配給 IDL 屬性將清除內聯處理程序：

 const a = document.querySelector('.mainmenu'); a.onclick = null; a.removeAttribute('target');

 <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" target="_blank">Search</a>

Answer 3

刪除target和onclick屬性並將href屬性值替換為javascript:void(0) 。 您可以為此使用以下代碼。

 var a = document.getElementsByClassName('mainmenu')[0]; a.removeAttribute('onclick'); a.removeAttribute('target'); a.setAttribute('href', 'javascript:void(0)');

 <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" target="_blank">Search</a>