如何删除div标签下列出的href？

Question

I'm modifying a part of my wordpress theme and I have come across an issue. I want to remove the ability to click on a link though I do not have the ability to modify the class names or set ID tags

HTML:

<div class="one">
  <a href="foobar.com">foobar.com</a>
</div>

I have tried to remove the functionality by writing this JavaScript:

document.getElementsByClassName("one")
  .getElementsByTagName("a")
  .removeAttribute("href");

However this method does not work, am I doing something wrong?

Answer 1

You can use css.

.one a {
    pointer-events: none;
  }

and you can also remove the hand cursor by adding cursor: default;

Answer 2

 document.getElementsByTagName("a")[0].removeAttribute("href"); 

 <div class="one"> <a href="foobar.com">foobar.com</a> </div> 

No need to target .one first. Just target by getElementsByTagName but remember that this returns an array of elements, so you need to reference the index of the element you want to remove.

document.getElementsByTagName("a")[0].removeAttribute("href");

Answer 3

如果只需要选择“一个”类中的链接，则需要索引从getElementsByClass返回的内容，然后调用子代并对其进行索引：

document.getElementsByClassName("one")[0].children[0].removeAttribute("href")

Answer 4

You can do it this way:

  document.getElementById("text").onclick = function(){ var clickStatus = true; // Change this to true if you want to enable the link. if (clickStatus){ window.location = "http://foobar.com"; } } 

 <div class="one"> <section id="text">foobar.com</section> </div> 

Answer 5

It will generate Type Error because getElementsByClassName function will return a node list not a single node so you will need to do the following:

document.getElementsByClassName("one")[0]
.getElementsByTagName("a")[0]
.removeAttribute("href");

or

document.querySelector(".one a").removeAttribute("href");

Any method of the above will solve your problem

I hope it helps

Answer 6

I think you need to disable the Href functionalities here. Please use Jquery :

$('.one > a').on('click',function(e){    
  e.preventDefault();
}

Hope this will work for you