Sometimes, we want to add target="_blank" to a link within a specified div with JavaScript.
In this article, we’ll look at how to add target="_blank" to a link within a specified div with JavaScript.
How to add target="_blank" to a link within a specified div with JavaScript?
To add target="_blank" to a link within a specified div with JavaScript, we use querySelectorAll.
For instance, we write
const linkList = document.querySelectorAll("#link_other a");
for (const link of linkList) {
link.setAttribute("target", "_blank");
}
to call querySelectorAll to select all the links inside the element with ID link_other.
Then we use a for-of loop to loop through each link.
In it, we call setAttribute to set the 'target' to '_blank'.
Conclusion
To add target="_blank" to a link within a specified div with JavaScript, we use querySelectorAll.
