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

Question

说我有一个html源码，我知道URL，“example_url.html”。这个html文件有一个＆lt; 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;
  }
}