从 Javascript 中的元素 <a> 获取值

Question

我想从 element 获取文本。我是初学者。我正在尝试这个解决方案，但结果是：

<a href="#" id="text">Hello</a>

我知道为什么，但我不知道如何只获取文本 Hello。你能帮帮我吗？

HTML

<ul class="nav">
  <li><a href="#" id="text">Hello</a></li>
</ul>

JS

var text = document.getElementById('text');
console.log(text);

Answer 1

你可以像这样使用.innerHTML

var text = document.getElementById('text').innerHTML;

console.log(text);

<ul class="nav">
  <li><a href="#" id="text">Hello</a></li>
</ul>

Answer 2

您可以使用.innerHTML or .textContent

---

.innerHTML 将 return HTML 代码，.textContext 应该 return 实际文本。

---

.innerHTML

document.getElementById('text').innerHTML;//Returns "<b>Hello</b>"

<a href="#" id="text"><b>Hello</b></a>

---

.textContent

document.getElementById('text').textContext;//Returns "Hello"

<a href="#" id="text"><b>Hello</b></a>

---

.textContent 总体上更适合获取元素的 actual 文本。

---

请注意 [.innerText] 也像 .textContent 一样工作，但更清楚 return.

的内容

MDN Link