通过脚本获取元素的结果正在改变

Question

我尝试使用 JavaScript 获取数据：

<a href="/product/23" id="link_Page">The Text </a>

var link = document.getElementById('link_Page')

var text=link.innerHTML;

var href=link.href;

我期望看到：“ /product/23”和“ The Text ”

但结果是：“ http://localhost:60790/product/23”和“ The Text&nbsp;”

注意：在 jsfiddle.js 上我进行了测试，文本（不是链接）的结果很好。无法理解为什么它给了我 ' &nbsp;' https://jsfiddle.net/mahma/ocwnufqb/

Answer 1

注意：在 jsfiddle.js 上我测试了文本（不是链接）的结果很好.href将返回链接资源的完整 URL，要获取href属性的准确值，请尝试使用Element.getAttribute()：var link = document.getElementById('link_Page')var text=link.innerHTML;var href=link.getAttribute('href');console.log(text);console.log(href);<a href="/product/23" id="link_Page">The Text </a>

Answer 2

&nbsp;是 HTML 中的空格字符。标签文本末尾有一个空格字符a。

Answer 3

这是您可以做您想做的事情的方法。var link = document.getElementById('link_Page')var text = link.innerText;var href = link.getAttribute('href');console.log(text, href);<a href="/product/23" id="link_Page">The Text </a>