我正在尝试将交互式雷达嵌入iframe中,然后单击iframe中的某个按钮以切换全屏模式。该按钮的标题为“切换全屏模式”,因此javascript应该搜索并找到该按钮,然后单击它;但是它不起作用,并且Safari控制台显示以下内容:
TypeError:未定义不是对象(正在评估'document.getElementById('screen2')。contentDocument.querySelectorAll(“ button [title ='Toggle Full Screen Mode']”)[0] .click')
我基于this answer创建代码。
这有可能吗?如果是这样,那我做错了什么?如果不可能,那么我可以使用哪些解决方法来完成同一件事?
这是iframe中按钮的代码。
<button title="Toggle Full Screen Mode" aria-label="toggle fullscreen"><span classname="icon icon-font iconset-map icon-maximize" class="icon icon-font iconset-map icon-maximize"></span></button>
here是我的代码:
document.getElementById('screen2').contentDocument.querySelectorAll("button[title='Toggle Full Screen Mode']")[0].click();
<iframe style="height:500px; width:800px;" id="screen2" src="https://weather.com/weather/radar/interactive/l/d1936f8be052152442dd64abf7364f3650c8b2d6ad905be1cacef7ad56eced11?layer=radar&animation=true&zoom=9"></iframe>