欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

原生js禁用网站所有a标签的跳转链接

程序员文章站 2022-04-29 09:32:54
原生js禁用网站所有a标签的跳转链接  由于一个正在开发的网站需要预览,但是内页还未制作,于是临时把跳转链接禁用一下。主要代码let tagA = Array.from(document.getElementsByTagName("a"));tagA.forEach(e=>{e.removeAttribute("href");});示例

原生js禁用网站所有a标签的跳转链接

  由于一个正在开发的网站需要预览,但是内页还未制作,于是临时把跳转链接禁用一下。

主要代码

	let tagA = Array.from(document.getElementsByTagName("a"));
	tagA.forEach(e=>{e.removeAttribute("href");});

示例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <a href="test1.html">测试1</a>
  <a href="test2.html">测试2</a>
  <a href="test3.html">测试3</a>
  <a href="test4.html">测试4</a>
  <a href="test5.html">测试5</a>

  <script>
    window.onload = function () {
        let tagA = Array.from(document.getElementsByTagName("a"));
        tagA.forEach(e=>{e.removeAttribute("href");});
    }
  </script>
</body>
</html>

原生js禁用网站所有a标签的跳转链接

本文地址:https://blog.csdn.net/y_universe/article/details/109571123