如何从Chrome开发者控制台访问w3school页面上的元素?

时间:2016-03-25 21:56:02

标签: javascript html google-chrome element w3c

我想在页面上试验onfocus事件:http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onfocus

我使用Chrome开发者控制台(Ctrl + Shift + I)。当我尝试通过在控制台中输入来访问input元素时:

document.getElementsByTagName("input")

我得到两个隐藏的输入元素而不是文本输入元素。 截图图片:http://i.imgur.com/zGBsZWY.png 那么这里发生了什么,以及如何在“试用”页面上访问这些元素?

1 个答案:

答案 0 :(得分:0)

@David是对的,每个iframe都是一个单独的javascript语境。

如果您想在iframe的上下文中执行javascript,请参阅this question

或者,您可以使用Chrome Dev Tools的元素选择器(ctrl-shift-c),然后在控制台类型$0中,它将返回最后一个聚焦元素。当您关注其他内容时,可以将$0用于新聚焦的元素,$1用于之前关注的元素等。

请参阅Dev Tools command line API