Javascript 使用CSS隐藏脚本创建的div

下面的代码创建了一个html聊天盒，在顶部面板中有一个链接，该链接有多个子div
div id=cgroup；div id=CBG；div id=CGW；div id=头。其中，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>

{“柄”：“1柄”，“拱门”：“js”，“样式”：“a”：“000000”，“b”：“100”，“c”：“A0A0”，“d”：“FFFFFF”，“e”：“202020”，“g”：“bbbbbb”，“h”：“202020”，“j”：“C0C0”，“k”：“0084ef”，“l”：“606060”，“m”：“0084ef”，“n”：“FFFFFFFF”，“p”：“10”，“q”：“000000”，“r”：“100”，“pos”：“br”，“cv”：“1”，“cvfntsz”：“14px”，“cvbg”：“3366ff”，“cvw”：“cvw”：“cvw”：“SUR600”，“CV30”，“FFFFFFFFFFFFFFFFFF”，“0”：“0”：“0”，“FWM”：“CN0”：“0”：:1}}

假设您的脚本创建了一个结构为

的元素，您可以使用以下语法直接将其作为目标：

#head {
  display: none;
}

尽管您不应该在同一页面上有两个ID相同的元素，但您可以通过更具体一点并使用

确保只隐藏目标

：

#cgroup > #CBG > #CGW > #head {
  display: none;
}

上述内容将仅针对ID为

的

，其中父项ID为

CGW

，父项ID为

CBG

，父项ID为

cgroup

---

希望这有帮助！：）

假设这会将聊天框加载到

中，那么您无法做多少事情来影响加载到
中的页面上各个元素的样式

应用于父页面的任何CSS将不应用于框架内的页面。类似地，如果试图使用JavaScript更改框架内的文档，则可能会出现安全异常-浏览器的将阻止JavaScript代码访问从不同域加载的页面：

#cgroup > #CBG > #CGW > #head {
  display: none;
}


要阅读更多内容，请参考此问题：



那么解决方案是什么？

您应该尝试查看聊天盒插件是否提供了您想要的自定义配置选项或类似选项。
在发布此问题之前，我认为这是一种简单的方法，因为脚本确实创建了我想要隐藏的子div头。不幸的是，这不是决议。考虑到它可能区分大小写，我也尝试了标记“HEAD”，但没有效果。您是否在
中运行脚本？如果是这样的话，就不可能从另一个网站对代码进行样式化。在这种情况下，您可能会发现聊天室提供了一些定制选项。