Contentwindow.document
时间: 2023-10-27 14:06:03 浏览: 164
contentWindow.document是一个表示嵌入在iframe元素中的文档对象的属性。通过这个属性,你可以访问和操作嵌入的文档的各种元素、样式、事件等。
例如,假设你有一个id为"myFrame"的iframe元素,你可以使用contentWindow.document来获取嵌入文档的document对象,然后进行操作。以下是一个示例:
```javascript
// 获取iframe元素
const iframe = document.getElementById("myFrame");
// 获取嵌入文档的document对象
const embeddedDocument = iframe.contentWindow.document;
// 在嵌入文档中查找并修改元素内容
const element = embeddedDocument.getElementById("myElement");
element.textContent = "New content";
```
在上面的示例中,我们首先通过getElementById获取了id为"myFrame"的iframe元素,然后使用contentWindow.document获取了嵌入文档的document对象。接下来,我们通过getElementById获取了嵌入文档中id为"myElement"的元素,并修改了其textContent属性。
通过contentWindow.document,你可以执行各种操作,如查找元素、修改元素内容、添加样式、绑定事件等。请注意,在跨域情况下使用contentWindow.document可能会受到同源策略的限制。
阅读全文