从DOM标头资源内部提取HTML链接（无ID或类）

Question

我在网站上具有以下代码结构：

<link rel="amphtml" href="http://example.com/?amp"></head>

我希望仅在出现“ amphtml” rel值的页面上提取html链接。我尝试了以下代码，但它在未显示该标签的URL上中断了应用程序。

var ampLink_txt = document.querySelector("link[rel=amphtml]").getAttribute("href");

我无权更改HTML文档，我不能添加任何ID或类。有人能指出我正确的方向吗？

Answer 1

如果未找到任何内容，

.querySelector可能返回null。您应该先检查它是否为空：

const ampLink = document.querySelector("link[rel=amphtml]")

if (ampLink) {
   const ampLink_txt = ampLink.getAttribute("href")
   // ...
}

请参见https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector