如何從 iframe 內容中的 div 中刪除 class

Question

我有這個結構，我想從div中刪除test2 class

iframe1 -> iframe2 -> <div class="test1 test2">.... </div>

我可以訪問 iframe2，但我無法在第二個 iframe 中找到上面的 div。

這是我試過的

document.querySelectorAll('iframe').forEach(item => {
            var y = item.contentDocument.body.getElementsByTagName("iframe");
            setTimeout(() => {
                y[0].style.width = '100vw'; 
                $(y[0]).contents().find(".test2").removeClass('.test2')
            }, [500])
        })

y[0].style.width = '100vw';

這是工作。 但我無法通過test2找到 div class

console.log(y[0]) 是預期的 iframe。

y[0].contentDocument是 null

如果有人可以幫助我。 提前致謝

同樣在一些答案中，我發現如果 iframe 是跨源的，我們就不能更改它的內容。 但在這里我有相同的起源。

我只想要一些 css 更改，我需要刪除 test2 class 或覆蓋它。

Answer 1

假設如下所示的模擬結構，都具有相同的來源：

index.html

<body>
  <iframe id="iframe1" src="index2.html"></iframe>
</body>

index2.html

<body>
  <iframe id="iframe2" src="index3.html"></iframe>
</body>

index3.html

<body>
  <div class="test2">Foo</div>
</body>

您將需要以下令人困惑的代碼。

var f1 = $("#iframe1");
var f2 = $("#iframe2", f1.contents());
var target = $(".test2", f2.contents());
target.removeClass("test2");

這是基於以下內容： Selecting an element in iframe with jQuery

如何從 iframe 內容中的 div 中刪除 class

問題描述

1 個解決方案

解決方案1
0 2021-09-27 22:05:29

如何從 iframe 內容中的 div 中刪除 class

問題描述

1 個解決方案

解決方案1 0 2021-09-27 22:05:29

解決方案1
0 2021-09-27 22:05:29