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

程序员文章站 2022-07-06 15:20:44

原生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

相关标签：资料 removeAttribute 禁用a标签禁止跳转

上一篇：我开源了一个基于Vue的组织架构树组件

下一篇： React组件通信以及State状态的使用