Как получить href в данном случае?

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>

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>

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>