htmldom frame/iframe contentDocument对象css访问嵌入文档内容

contentDocument对象是用于访问嵌入文档的特殊对象，它可以用来访问frame/iframe中的内容，从而实现CSS访问嵌入文档的内容。

我们需要创建一个iframe元素，将其src属性设置为要访问的嵌入文档的URL：

var iframe = document.createElement("iframe");
iframe.src = "http://www.example.com/embedded-document.html";
document.body.appendChild(iframe);

我们可以使用contentDocument属性访问嵌入文档中的内容：

var doc = iframe.contentDocument;

此时，doc对象就是嵌入文档的文档对象，我们可以使用它来访问嵌入文档中的元素：

var elements = doc.getElementsByTagName("h1");

我们可以使用CSS选择器来访问嵌入文档中的元素：

var elements = doc.querySelectorAll("h1.title");

使用contentDocument对象可以让我们轻松地访问嵌入文档中的内容，从而实现CSS访问嵌入文档的内容。