今天我试图了解谷歌视频聊天框是如何设计的，所以我开始使用谷歌浏览器检查工具。我右键单击了聊天框文本输入元素并进行检查。这就是我得到的。
<div id=":cb.f" class="vE dQ editable" aria-label="Text entry field for Hangout with jhon carib" g_editable="true" role="textbox" contenteditable="true"></div>
所以看看html，看起来元素的id是：cb.f 但是当我右键单击并复制css路径时，我发现了这个： ＆＃34; ＃\ 3a cb \ 2e f ＆＃34; 这意味着id为 \ 3a 。
并且没有 document.getElementById（＆＃34; \ 3a＆＃34;）或 document.getElementById（＆＃34;：cb.f＆＃34;）获取元素节点，即使使用类名也不起作用。
有人可以解释这里发生了什么吗？
谢谢，
答案 0 :(得分：0)
您似乎在Chrome中使用了环聊扩展程序。 Chrome在iframe中打开了Google扩展程序聊天窗口。所以你必须掌握iframe，然后在iframe中选择dom元素。
答案 1 :(得分：0)
正如所指出的，视频聊天窗口位于自己的iframe中，你需要掌握聊天iframe的文档。使用gmail网站时，这是不可能的，因为它们不共享相同的来源。
但是：Google在https://hangouts.google.com上发布了一个专门用于环聊的网站，该网站确实拥有相同的来源。
您现在可以像这样访问聊天div：
{{1}}