以下代码创建了一个 html 聊天框,其顶部面板中有一个链接,该面板具有多个子 div。
分区id=cgroup; div id=CBG; div id=CGW;分区 id=HEAD。其中 cgroup 是 CBG 的父级,CBG 是 CGW 的父级,而 CGW 是我想隐藏的 div 的父级。
如何使用 css 专门为子 div id=HEAD 设置“display = none”?
<script id="cid0020000101807397328" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 603px;height: 471px;">
{"handle":"1shotgg","arch":"js","styles":{"a":"000000","b":100,"c":"a0a0a0","d":"FFFFFF","e":"202020","g":"bbbbbb","h":"202020","j":"c0c0c0","k":"0084ef","l":"606060","m":"0084ef","n":"FFFFFF","p":"10","q":"000000","r":100,"pos":"br","cv":1,"cvfntsz":"14px","cvbg":"3366ff","cvw":600,"cvh":30,"surl":0,"allowpm":0,"cnrs":"0.35","ticker":1,"fwtickm":1}}</script>
最佳答案
假设这会在 <iframe>
中加载聊天框,您无能为力来影响加载到 <iframe>
的页面上各个元素的样式。 .
应用于父页面的任何 CSS 将应用于框架内的页面。同样,如果您尝试使用 JavaScript 更改框架内的文档,您可能会遇到安全异常 — 浏览器的 Same Origin Policy 将阻止您的 JavaScript 代码访问从不同域加载的页面:
要阅读更多内容,请参阅此问题:
Ways to circumvent the same-origin policy
那有什么解决办法呢?
您应该尝试查看聊天框插件是否提供您正在寻找的自定义类型作为配置选项或类似的东西。
关于javascript - 使用 CSS 隐藏由脚本创建的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45001985/