javascript 如何检查根HTML元素是否包含嵌套iframe中的类？

4zcjmb1e 于 2023-01-24 发布在 Java

关注(0)|答案(1)|浏览(150)

我正在向另一个站点添加一个小部件，但我只能访问嵌套在DOM中的iframe。我想检查：root HTML元素是否包含类“dark”，然后仅在它确实包含该类时才向我的段落添加类名。
也许是出于安全原因不可能？
下面是我正在使用的结构：

我试过从另一个地方对段落进行样式化-在iframe之外，平台只允许从另一个地方自定义CSS，但它是非常全局的，我无法访问嵌套在DOM和iframe内部如此之深的元素...
在此期间，我只使用颜色：灰色，它有点工作在两种模式bou我正在寻找一个更好的解决方案-〉我只需要的颜色段落是白色的，只有当黑暗模式是启用...

JavaScript

来源：https://stackoverflow.com/questions/75211993/how-to-check-if-the-root-html-element-contains-a-class-from-within-a-nested-ifra

1条答案

按热度按时间

2hh7jdfx1#

您可以使用window.parent访问父窗口，并从那里访问html元素。

- 示例：**

let isDarkMode = window.parent.document.documentElement.classList.contains('dark');
        
if(isDarkMode){
  // do whatever you want here, example:
  Array.from(document.getElementsByTagName('p')).forEach(e=>{
     e.classList.add('yourClassName');
  })
}

赞(0）回复(0）举报 2023-01-24

我来回答

javascript 如何检查根HTML元素是否包含嵌套iframe中的类？

1条答案

相关问题

热门标签

最新问答