gpt4 book ai didi

html - 访问应用程序内 html 文档内的 css 类选择器

转载 作者:行者123 更新时间:2023-11-28 14:41:39 25 4
gpt4 key购买 nike

我有这段 HTML:

<html>
...
<iframe>
#document
<html>
...
<div className='change-me'></div>
...
</html>
</iframe>
</html>

那个 iframe 取自 stripe React 元素,我想访问它里面的东西并更改它的 CSS。

我之前处理过提供可重用 React 组件的库,并且可以轻松更改那里的每个 CSS 细节。

问题:但在这里我什么也改变不了。

.change-me { background: red } // This one doesn't work 

也许是组件正在制作它自己的 html 文档,也许我从错误的一端看问题......

最佳答案

纯 CSS 行不通。您需要使用 JavaScript 以编程方式使用您自己的类更改元素的类,并且 iFrame 必须包含包含该类的 CSS 文件/样式

例如,您可以像这样将 CSS 文件添加到 iframe:

var iFrame = document.getElementById("youriFrameId");
var head = iFrame.getElementsByTagName("head")[0];

var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'path/to/cssFile.css';

head.appendChild(link);

然后像这样将您的类添加到您的目标元素:

iFrame.getElementById('targetElementId').classList.add("yourClass");

关于html - 访问应用程序内 html 文档内的 css 类选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52852811/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com