Summary of methods to cancel hyperlinks in js_javascript skills

Single link unlinks and triggers js events

Copy code The code is as follows:

Test

Batch web pages Link cancellation or link reset code:

<a href="http://www.baidu.com">Baidu</a> <a href="http://www.jb51.net">Script House</a> <a href="http://s.jb51.net">Server software</a> <a href="http://sc.jb51.net"> Material download</a> <a href="http://tools.jb51.net">Webmaster query</a> <a href="http://www.jb51.net/jiaoben/">Script download</a> <input type="button" id="o1" value="取消所有链接" onclick="javascript:doLinkAll(false)"> <input type="button" id="o2" value="重新设置链接" onclick="javascript:doLinkAll(true)">
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]
If you want To cancel or restore the link of the specified id, you can refer to the following code

Copy the code

The code is as follows:

var e=document.getElementById( "link1 ")
//Set
e.setAttribute( "href ",e.rel)
//Cancel
e.setAttribute( "rel ",e.href)
e.removeAttribute( "href ")

<script> function doLinkAll(action){ var arr=document.getElementsByTagName("A") for(var i=0;i <arr.length;i++){ if (action){ //重新设置链接 if (arr[i].rel) arr[i].setAttribute("href",arr[i].rel) }else{ //取消所有链接 arr[i].setAttribute("rel",arr[i].href) arr[i].removeAttribute("href") } } o1.disabled=!action o2.disabled=action } </script>Code description: Why does cancellation need to add e.setAttribute( "rel ",e.href)? This The code is to add a rel to a and set up a good link to facilitate subsequent link restoration.