Javascript 如何强制隐藏在页面上呈现的div？

我在我的页面上集成了聊天API

对于requirement，我的目标是隐藏该标题栏，并保留其余部分

---

我使用Google Chrome工具进行检查，我得到了以下信息：

我也抓到了这个

<header id="header" class="header">
  <div class="header-bar">
      <a class="header-avatar" href="http://tlk.io">tlk.io</a>
    <span id="channel" class="header-channel">keystone</span>
    <span class="header-status is-hidden" title="Online"></span>
  </div>
</header>

---

JS

<script>
$('#header.header').hide();
console.log('Run');
</script> 

$（'#header.header'）.hide（）；
console.log（'Run'）；

我在控制台上显示了单词

run

，但是横幅仍然存在

---

有什么提示吗？我做错了什么？甚至可以这样做吗

tlk.io嵌入代码似乎使用了iframe

由于的原因，您将无法影响其内容

编辑：看起来他们让你通过嵌入工具插入一个定制的CSS文件。不过，使用它来更改界面或删除其品牌可能会让您关闭

---

tlk.io嵌入代码似乎使用了iframe

由于的原因，您将无法影响其内容

编辑：看起来他们让你通过嵌入工具插入一个定制的CSS文件。不过，使用它来更改界面或删除其品牌可能会让您关闭

---

---

您确定在脚本运行时存在id为

头的div

吗？为什么不直接使用css

显示：none

并针对相关对象？在这种情况下，您可能需要

#header{display:none；}

JavaScript可能无法工作，因为外部脚本正在动态生成内容。要么是在iFrame中，要么是在iFrame中，您无法更改它。我不确定，如何检查它。@AlexanderLozada有最好的解决方案。只需将#header{display:none；}添加到您的cssThanks队友中，以尝试提供帮助。您确定在脚本运行时存在id

header

的div吗？为什么不直接使用css

display:none

并针对相关对象？在这种情况下，您可能需要

#header{display:none；}

JavaScript可能无法工作，因为外部脚本正在动态生成内容。要么是在iFrame中，要么是在iFrame中，您无法更改它。我不确定，如何检查它。@AlexanderLozada有最好的解决方案。只需将#header{display:none；}添加到你的cssThanks搭档中，以感谢他试图提供帮助。他可能会走一条黑客路线，使iFrame容器在垂直方向上太小，设置

overflow:hidden

并切掉顶部，尽管我不一定推荐它。@AlexanderLozada:我希望你不介意接受你的评论作为答案。我倒想看看你的老样子。：）@我想最好是在网站上保留品牌-他们是免费提供给你的，看起来毕竟是这样。作为对黑客解决方案的回应，我不想给出一个正式的答案，因为这可能是您应该采取的一种方式，但我将一些代码上传到了pastebin上，实现了您想要做的事情@谢谢，我完全同意你的看法。我只是按照我的要求这么做，对我来说，我有点喜欢头部在那里。他可能会走一条迂回的路线，使iFrame容器垂直太小，设置

溢出：隐藏
并切掉顶部，虽然我不一定推荐。@AlexanderLozada:我希望你不介意把你的评论纳入答案。我倒想看看你的老样子。：）@我想最好是在网站上保留品牌-他们是免费提供给你的，看起来毕竟是这样。作为对黑客解决方案的回应，我不想给出一个正式的答案，因为这可能是您应该采取的一种方式，但我将一些代码上传到了pastebin上，实现了您想要做的事情@谢谢，我完全同意你的看法。我只是按照我的要求这么做，对我来说，我有点喜欢头球出现在那里。
<script>
$('#header.header').hide();
console.log('Run');
</script>