0

Есть множество:

<ul id="btn-subdl">
  <li><a href="1">Ссылка</a></li>
  <li><a href="2">Ссылка</a></li>
  <li><a href="3">Ссылка</a></li>
</ul>

Как получить href и текст из в самом первом теге li ?

6
  • Откуда получить? Commented 17 июн. 2018 в 19:38
  • Из тегов получить
    – IvanZ
    Commented 17 июн. 2018 в 19:39
  • По какому событию? Commented 17 июн. 2018 в 19:40
  • В каком смысле? Я все написал в вопросе
    – IvanZ
    Commented 17 июн. 2018 в 19:41
  • 2
    Интересно, что за массовые дизлайки..
    – entithat
    Commented 17 июн. 2018 в 19:47

3 ответа 3

2

var link = document.querySelector('#btn-subdl > li:first-child > a');
console.log('Link: ' + link.href);
console.log('Attribute: ' + link.getAttribute('href'));
console.log('Text: ' + link.innerText);
<ul id="btn-subdl">
  <li><a href="1">Ссылка1</a></li>
  <li><a href="2">Ссылка2</a></li>
  <li><a href="3">Ссылка3</a></li>
</ul>

4
  • 2
    Ну и за что минус? Commented 17 июн. 2018 в 19:48
  • Спасибо большое,то что нужно)
    – IvanZ
    Commented 17 июн. 2018 в 19:48
  • 2
    Кто-то прошелся по всем скопом xDDD И да, у вас href "неверно" достается. Commented 17 июн. 2018 в 19:48
  • @MedvedevDev Ну непонятно, какой href нужен автору. Но добавил и второй вариант Commented 17 июн. 2018 в 19:54
1

var a = document.querySelector('ul>li>a');
console.log(a.textContent); // Text
console.log(a.href); // href
<ul id="btn-subdl">
  <li><a href="#1">Ссылка 1</a></li>
  <li><a href="#2">Ссылка 2 </a></li>
  <li><a href="#3">Ссылка 3</a></li>
</ul>

var a = document.querySelectorAll('a');
// Проходим по всем а
a.forEach(function (e) { 
  //
  e.addEventListener('click', function (ee) { 
      ee.preventDefault(); // Для демо, удалите если надо
       console.log(ee.target.textContent);
  })
})
<ul id="btn-subdl">
  <li><a href="1">Ссылка 1</a></li>
  <li><a href="2">Ссылка 2</a></li>
  <li><a href="3">Ссылка 3</a></li>
</ul>

2
  • "href и текст из в самом первом теге li" - если перевести, то задание просто получить значения: текст и href - ссылки в первом элементе списка. Commented 17 июн. 2018 в 19:45
  • @MedvedevDev поправил, после вашего перевода, благодарю.
    – Kosta B.
    Commented 17 июн. 2018 в 19:53
0

Если просто получить значение без какого-либо события:

let target = document.querySelector('#btn-subdl > li:first-child > a');

console.log(target.href); //полная ссылка
console.log(target.getAttribute("href")); //относительная ссылка
console.log(target.text);
<ul id="btn-subdl">
  <li><a href="1">Ссылка</a></li>
  <li><a href="2">Ссылка</a></li>
  <li><a href="3">Ссылка</a></li>
</ul>

Ваш ответ

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

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