0

Имеется <div> с множеством разных ссылок <a>

Как методами JS применить ко всем ссылкам в контейнере атрибут target="_blank"

Идентификатор контейнера id="footer"

2 ответа 2

3

Немного не успел, но всё же ;)

[...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 написано как работать с таким типом.

2

Если 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>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.