如何使用JS禁用特定类中的链接？
如何使用JS禁用特定类中的链接？
提问于 2022-08-19 05:27:31
我需要一个脚本来禁用“父”中的所有链接。我的类使用Vanilla JS (没有jQuery)：
<div class="my-class">
<div class="class-1">
<div class="class-2">
<div class="class-3">
<a href="#">
<div class="class-4"></div>
</a>
<a href="#">
<div class="class-4"></div>
</a>
<a href="#">
<div class="class-4"></div>
</a>
</div>
</div>
</div>
</div>UPD:，我需要不能点击的链接。"href“条目是否仍然存在并不重要。
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-08-19 06:29:59
你可以检查这个条目的答案，我想它们会有帮助的：How do I disable a href link in JavaScript?
但是，基本上，你有两个选择：
- 避免具有"href“属性的值。
1.1。将属性全部删除：parentElement.querySelectorAll('a').forEach(link => link.removeAttribute("href"));
1.2。将值设置为"javascript:void(0)"：parentElement.querySelectorAll('a').forEach(link => link.setAttribute("href", "javascript:void(0)"));
- 防止触发单击事件：
parentElement.querySelectorAll('a').forEach(link => link.style.pointerEvents = "none")
Stack Overflow用户
发布于 2022-08-19 05:41:26
可以删除href属性或其值。
links = document.querySelectorAll('.my-class a');
Array.from(links).forEach(element => {
element.setAttribute('href', '#');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73412185
复制相关文章
相似问题
腾讯云开发者
