在window.document中找到getElementById属性

Question

摘要：我想知道是否有一种方法可以在chrome中打开控制台，键入window，转到文档并搜索getElementById方法

原因：我正在四处搜寻，发现元素的很多CSS样式（请参见下面的图片1，并且很好奇是否也显示了getElementById之类的方法]

我尝试过的事情：

1）我尝试通过控件+ f寻找搜索getElementById并搜索“获取”

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

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

尽管仍然找不到它：/

element css styles

window.document properties

摘要：我想知道是否有一种方法可以在chrome中打开控制台，键入window，转到文档并搜索getElementById方法原因：我正在四处搜寻，发现了很多CSS ...

Answer 1

您可以通过右键单击->检查元素->控制台获取具有已定义标识的所有元素。然后document.querySelectorAll('*[id]')

但是根据图片二，您要检索以“ google_”开头的类名

Answer 2

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

Answer 3

您需要像文档的整体原型中一样，console.dir(document.__proto__.__proto__)