Menu
Community /Pin to ProfileBookmark
@daveyerwinSep 17.2020 — #<script>
var a=document.querySelectorAll('a');
for(i=0;i<a.length;i++){
if (!a[i].classList.contains('active'))
a[i].setAttribute("data-no-swup","");
}
console.log(a);
</script>
read this to learn other ways to set and read data attribute ...
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes @daveyerwinSep 17.2020 — #
read this to learn other ways to set and read data attribute ...
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
How to add the attribute “data-no-swup”?
Hello, how can I add the “data-no-swup” attribute to all links on the page on JS?
Except for links that have a class “active”!
Example:
This
`<a href=”#”>01</a>
<a class=”active” href=”#”>01</a>
<a href=”#”>01</a>
<a href=”#”>01</a>
`
To This
`<a data-no-swup href=”#”>01</a>
<a class=”active” href=”#”>01</a>
<a data-no-swup href=”#”>01</a>
<a data-no-swup href=”#”>01</a>
`
Thanks!
Sign in
to post a comment5 Comments(s) ↴
0
@daveyerwinSep 17.2020 — #<script>var a=document.querySelectorAll('a');
for(i=0;i<a.length;i++){
if (!a[i].classList.contains('active'))
a[i].setAttribute("data-no-swup","");
}
console.log(a);
</script>
read this to learn other ways to set and read data attribute ...
0
@daveyerwinSep 17.2020 — #``<i>
</i><body>
<a href="#">01</a>
<a class="active" href="#">01</a>
<a href="#">01</a>
<a href="#">01</a>
</body>
<script>
var a=document.querySelectorAll('a');
for(i=0;i<a.length;i++){
if (!a[i].classList.contains('active'))
a[i].setAttribute("data-no-swup","");
}
console.log(a);
</script><i>
</i>``read this to learn other ways to set and read data attribute ...