javascript - 从外部文件 JQuery/Javascript 中提取样式表 src/href

Question

假设我有一个 html 源并且我知道 URL，“example_url.html”。这个 html 文件有一个 < link href="style.css" rel="stylesheet"/>。

这是我在另一个视图中使用的 iframe 的 src，我想提取“example_url.html”中列出的样式表。我该怎么做？

而且我不知道样式表的实际href，它会根据各种因素而变化（但一切都共享一个域名）。我需要它作为一个变量。

Answer 1

假设你给 iframe 一个 ID，我认为这样的事情应该有效：

var iframe = document.getElementById("the-iframe-id");
var child_doc = iframe.contentDocument || iframe.contentWindow.document;
var child_links = child_doc.getElementsByTagName("link");
var child_css;
for (var i = 0; i < child_links.length; i++) {
  if (child_links[i].rel == "stylesheet") {
      child_css = child_links[i].href;
      break;
  }
}