如何从 Chrome 开发者控制台访问 w3school 页面上的元素？
How to access elements on w3school pages from Chrome developer console?
我想在页面上试验 onfocus 事件：http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onfocus
我使用 Chrome 开发人员控制台 (Ctrl+Shift+I)。当我尝试通过在控制台中键入来访问输入元素时：
document.getElementsByTagName("input")
我得到了两个隐藏的输入元素，而不是文本输入元素。
截图图像：http://i.imgur.com/zGBsZWY.png
那么这里发生了什么，如何访问 "tryout" 页面上的那些元素？
@David 是对的，每个 iframe 都是一个单独的 javascript 上下文。
如果您想在 iframe 上下文中执行 javascript，请参阅 this question
或者，您可以使用 Chrome 开发工具 (ctrl-shift-c) 的元素选择器，然后在控制台类型 [=10=] 中，它将 return 最后聚焦的元素。然后，当您关注其他内容时，您可以对新关注的元素使用 [=10=]，对先前关注的元素使用
我想在页面上试验 onfocus 事件：http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onfocus
我使用 Chrome 开发人员控制台 (Ctrl+Shift+I)。当我尝试通过在控制台中键入来访问输入元素时：
document.getElementsByTagName("input")
我得到了两个隐藏的输入元素，而不是文本输入元素。 截图图像：http://i.imgur.com/zGBsZWY.png 那么这里发生了什么，如何访问 "tryout" 页面上的那些元素？
@David 是对的，每个 iframe 都是一个单独的 javascript 上下文。
如果您想在 iframe 上下文中执行 javascript，请参阅 this question
或者，您可以使用 Chrome 开发工具 (ctrl-shift-c) 的元素选择器，然后在控制台类型 [=10=] 中，它将 return 最后聚焦的元素。然后，当您关注其他内容时，您可以对新关注的元素使用 [=10=]，对先前关注的元素使用 ，等等。