javascript - 从html获取href属性会产生不需要的结果

Question

我基本上是从网站上抓取一些内容，而HTML看起来像这样:

<div>
    <a class="title" href="/recipe/pasta">Pasta Recipe</a>
</div>

现在，将其从网站上刮下来之后，我使用js来获取href属性，如下所示:

html.getElementsByTagName('a')[0].href

现在的问题是，它返回: file:///A:/recipe/pasta，但我想要的结果是 /recipe/pasta。这是相同问题的堆栈摘录示例- href导致域名被前置，这是不希望的:

console.log(document.getElementsByTagName('a')[0].href);

<div>
    <a class="title" href="/recipe/pasta">Pasta Recipe</a>
</div>

我可以使用基本的字符串操作来解决此问题，但这似乎很基本。
file:///A:也是我计算机上的驱动器 A:驱动器。如果我在另一台计算机上运行它，它将变成 file:///C:，代表 C:驱动器。

了解我正在使用nodeJS在 Electron 应用程序上执行此操作也可能会有所帮助。

Answer 1

使用getAttribute代替，仅获取属性的纯值，而无需其他任何操作:

const href = document.querySelector('a').getAttribute('href');
console.log(href);

<div>
    <a class="title" href="/recipe/pasta">Pasta Recipe</a>
</div>