Имеется <div>
с множеством разных ссылок <a>
Как методами JS применить ко всем ссылкам в контейнере атрибут target="_blank"
Идентификатор контейнера id="footer"
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуНемного не успел, но всё же ;)
[...footer.getElementsByTagName('a')].forEach(e=>{
e.setAttribute('_target', 'blank');
console.log(e);
});
<div id="footer">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
P.S. footer.getElementsByTagName('a')
- вернёт HTMLCollection. На англоязычном SO написано как работать с таким типом.
Если jquery:
$('#footer a').attr('target', '_blank');
Без jquery:
const children = document.querySelectorAll('#footer a')
for(let e of children){
e.setAttribute('target', '_blank');
console.log(e) // чтобы показать результат
}
<div id="footer">
<a href="/1">1</a>
<a href="/2">2</a>
<a href="/3">3</a>
</div>