Question

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

<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或.textContent

.innerHTML将返回HTML代码，.textContext应返回实际文字。

<小时/> 的 .innerHTML

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

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

<小时/> 的 .textContent

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

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

<小时/> .textContent总体上更适合获取元素的实际文本。
请注意 [.innerText]的工作方式与.textContent类似，但更了解要返回的内容。

MDN Link

从元素<a> in Javascript</a>获取价值

2 个答案: