Есть множество:
<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 ?
Есть множество:
<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 ?
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>
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>
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>