javascript - 获取导航栏中的每一行文本并添加为 id

Question

我想获取每个链接的文本并将其作为 ID 添加到链接中。

这是我的导航栏代码:

<div class="navbar">
	<ul>
		<li><a href="#">link1</a></li>
		<li><a href="#">link2</a></li>
		<li><a href="#">link3</a></li>
		<li><a href="#">link4</a></li>
		<li><a href="#">link5</a></li>
	</ul>
</div>

Answer 1

我认为你想要这个-

const links = [...document.querySelectorAll('a')];
links.forEach(link => {
  link.setAttribute('id', link.innerText);
});

<div class="navbar">
	<ul>
		<li><a href="#">link1</a></li>
		<li><a href="#">link2</a></li>
		<li><a href="#">link3</a></li>
		<li><a href="#">link4</a></li>
		<li><a href="#">link5</a></li>
	</ul>
</div>