javascript - 未捕获的类型错误 : Cannot read property 'click' of null

Question

我正在尝试单击类名为 (xyz) 的 div

document.querySelector('.header-search-wrap').click();

<iframe src="https://www.gammerson.com" frameborder="0" width="500px" height="900px">
	</iframe>

所以我尝试在下面运行document.querySelector('.xyz').click();但它给了我

error Uncaught TypeError: Cannot read property 'click' of null

但是当我进入元素窗口并搜索 XYZ 类，然后再次搜索时返回 chrome 控制台窗口并再次运行下面的代码

document.querySelector('.xyz').click();

令人惊讶的是它有效。我不知道问题是什么，有人可以帮我解决这个问题吗？我尝试了多次，只有当我在元素窗口中打开源代码然后运行代码时，它才有效。

Answer 1

如果元素是 iframe 中的子元素，则无法通过查询文档(如 document.querySelector())来选择元素 ;如果您愿意，您必须检索其文档:Javascript - Get element from within an iFrame

但另一件事是，您无法访问不在同一来源的 iframe (好吧，我猜，您还没有指定)，因为“同源策略”适用:SecurityError: Blocked a frame with origin from accessing a cross-origin frame

<小时/>

关于你的陈述:

When you open the console it will show you Uncaught TypeError: Cannot read property 'click' of null but when you search for all .header-search-wrap in elements tab and then again execute document.querySelector('.header-search-wrap').click(); it will show you only undefined this means it works

发生这种情况是因为当您检查所述 iframe 中的元素时，DevTools 的“上下文”( Chrome Dev Tools: <page context> and <top frame>? ) 会更改为 iframe 的，并且您可以使用 document.querySelector() 自由。