编码练习：获取网页中的链接数，输出第一条和最后一条链接

本文链接：https://blog.csdn.net/kllo__/article/details/122841133

<html>
 <head>
 </head>
 <body>
<h1>Some musical instruments</h1>
<ul>
  <li id="clarinet" class="wind woodwind">
    The <a href="https://en.wikipedia.org/wiki/Clarinet">clarinet</a>
  </li>
  <li id="saxophone" class="wind woodwind">
    The <a href="https://en.wikipedia.org/wiki/Saxophone">saxophone</a>
  </li>
  <li id="trumpet" class="wind brass">
    The <a href="https://en.wikipedia.org/wiki/Trumpet">trumpet</a>
  </li>
  <li id="violin" class="chordophone">
    The <a href="https://en.wikipedia.org/wiki/Violin">violin</a>
  </li>
</ul> </body>
</html>

练习：

function linkInfo(){
	// Write - Your - Code
	const doc=document.querySelectorAll("a");
	const linkCount=doc.length;
	if(linkCount >0)
	{
		const firstLink=doc[0];
		const lastLink=doc[linkCount-1];
		return `Total Links: ${linkCount}, First link: ${firstLink}, Last link: ${lastLink}`;
	}
	return `Link Count is zero`;
	
}

官方：

function linkInfo(){
	const linkElements = document.getElementsByTagName("a");
  const linkCount = linkElements.length;
  //console.log(linkCount);
  if (linkCount > 0) {
    const firstLink = linkElements[0].getAttribute("href");
    const lastLink = linkElements[linkCount - 1].getAttribute("href");
  	console.log( `Total Links: ${linkCount}, First link: ${firstLink}, Last link: ${lastLink}`);
  }
  else 
    console.log("Link Count is zero"); 
}