<div中有個iframe需要選中div
在網頁開發(fā)中，我們經常會遇到將其它頁面嵌套到當前頁面的需求。這時候，我們可以使用<iframe>標簽來實現。<iframe>標簽是HTML中的一個元素，它可以在當前頁面中嵌入另一個網頁。然而，在實際應用中，我們可能需要對被嵌套頁面中的某個<div>元素進行操作，比如改變其樣式或者執(zhí)行一些JavaScript代碼。那么問題來了，如何在當前頁面中選中被嵌套頁面中的<div>元素呢？接下來，我們將通過幾個代碼案例來詳細解釋說明。
代碼案例1：

<iframe src="embeddedPage.html" id="embeddedPage"></iframe>
<br>
<script>
const iframeContent = document.getElementById('embeddedPage').contentWindow.document;
const divElement = iframeContent.getElementById('targetDiv');
<br>
  divElement.style.backgroundColor = 'red';
</script>

在這個代碼案例中，我們通過<iframe>標簽嵌入了一個名為embeddedPage.html的頁面，并為iframe元素設置了id為embeddedPage。然后，我們使用JavaScript通過document.getElementById('embeddedPage')獲取到該iframe元素，并通過.contentWindow.document屬性獲取到其內部的文檔對象。
接下來，我們再通過獲取到的iframe文檔對象使用.getElementById('targetDiv')獲取到了該文檔中id為targetDiv的<div>元素。最后，我們可以通過該div元素的style屬性來改變其樣式，比如將背景顏色設置為紅色。
代碼案例2：

<iframe src="embeddedPage.html" id="embeddedPage"></iframe>
<br>
<script>
const iframeElement = document.getElementById('embeddedPage');
const divElement = iframeElement.contentWindow.document.querySelector('.targetDiv');
<br>
  divElement.style.fontSize = '20px';
</script>

在這個代碼案例中，我們使用了querySelector方法來獲取嵌套頁面中class為targetDiv的<div>元素，并將其字體大小設置為20像素。
通過上述兩個代碼案例，我們可以看到，要選中嵌套頁面中的<div>元素，我們要獲取到所嵌套頁面的iframe元素，然后再通過.contentWindow.document屬性獲取到內部的文檔對象，最后再使用對應的選擇器方法（如getElementById或querySelector）來獲取目標<div>元素。
需要注意的是，由于安全原因，跨域的iframe中是無法直接訪問到其內部文檔對象的。這種情況下，可以在目標iframe的頁面中添加一段JavaScript代碼，允許父級文檔訪問其內部元素。
綜上所述，以上是選中嵌套頁面中的<div>元素的幾個代碼案例。希望對你有幫助！