How can I remove On click attribute using "nav-item dropdown" class

Question

<li class="nav-item dropdown">                    
<a class="nav-link " "="" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="window.location.href='/camping-tents'">Camping Tents</a></li>

<li class="nav-item dropdown">                    
<a class="nav-link " "="" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="window.location.href='/camping-tents2'">Camping 3</a></li>

<li class="nav-item dropdown">                    
<a class="nav-link " "="" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="window.location.href='/camping-tents3'">Camping 3</a></li>

<li class="nav-item"><a class="nav-link " bell-tents" style="background:0;"> Bell Tents</a></li>

Please see How to Ask. What have you tried? Does this answer your question? How can I remove an attribute with jQuery? — isherwood
– isherwood, Commented Mar 21, 2022 at 18:17
Your HTML has extra characters. Is that what it actually looks like? — isherwood
– isherwood, Commented Mar 21, 2022 at 18:17

Timur · Accepted Answer · 2022-03-21 18:34:02Z

1

You can use querySelectorAll to get all links under elements that have "nav-item dropdown" class and then itirate over these a elements to remove their onclick attributes:

Array.from(document.querySelectorAll('.nav-item.dropdown a')).forEach((el) => {
  el.removeAttribute('onclick')
})

answered Mar 21, 2022 at 18:34

Timur

2,3071 gold badge6 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ryan O'D · Accepted Answer · 2022-03-21 18:32:40Z

0

First, fix your markup issues. Then, use .removeAttribute('onclick') method on the elements in question.

answered Mar 21, 2022 at 18:32

Ryan O'D

3502 silver badges11 bronze badges

Collectives™ on Stack Overflow

How can I remove On click attribute using "nav-item dropdown" class

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related