在 window.document 中找到 getElementById 属性

Question

摘要：我想知道是否有办法在 chrome 中打开控制台，键入窗口，转到文档并搜索 getElementById 方法

原因：我四处搜索，发现很多元素的CSS样式(见下图1(，并且很好奇是否也显示了getElementById等方法。

我尝试过：

1(我尝试通过控制+ f搜索getElementById并搜索"get"

2(尝试查看我是否可以从mdn获取信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/Document

3(尝试阅读粘贴在mdn https://dom.spec.whatwg.org/#interface-nonelementparentnode 上的链接

还是找不到：/

元素 CSS 样式

窗口.文档属性

Answer 1

如果我理解正确(直接 - 如何在全局窗口对象中找到"getElementById"属性(，这是可能的。你应该在控制台Window中写入，打开document，然后__proto__(应该是document对象的最后一个属性(，然后再次__proto__，现在你可以在这里找到getElementById方法。原因是Window对象相当困难，并使用原型来保留所有继承属性和方法：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype

Answer 2

您可以获取具有定义ID的所有元素，右键单击>检查元素>控制台 然后document.querySelectorAll('*[id]')

但根据图二，您希望检索以"google_"开头的类名

然后做document.querySelectorAll('google_');

或者你能澄清这个问题吗？ 也许我做得不对

Answer 3

您需要按文档的整体原型进行console.dir(document.__proto__.__proto__)