document.getelementbyid获取子页面元素
时间: 2023-08-29 10:06:14 浏览: 85
document.getElementById()
`document.getElementById` 是用于获取 HTML 页面中指定 ID 的元素的 JavaScript 方法。它只能获取当前页面中的元素,不能获取子页面的元素。如果你想获取子页面中的元素,可以使用 `iframe` 标签将子页面嵌入到当前页面中,然后使用 `contentWindow.document` 来获取子页面的文档对象,再使用 `getElementById` 获取子页面中的元素。例如:
```
<iframe id="myFrame" src="子页面的URL"></iframe>
<script>
var myFrame = document.getElementById("myFrame");
var subDoc = myFrame.contentWindow.document;
var subElement = subDoc.getElementById("subElementId");
</script>
```
需要注意的是,由于浏览器的同源策略限制,只有子页面和父页面的协议、域名和端口号都相同,才能通过 JavaScript 获取子页面的内容。否则会抛出安全错误。
阅读全文