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

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

 是 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>