javascript - 在新打开的窗口中访问元素

Question

我想用 JavaScript 打开一个 html 文件并将一些数据写入其中的一些元素。我尝试了以下方法:

var info_window = window.open('info_print.html')
info_window.document.getElementById('new_info').innerHTML = data;

但是当我有 #new_info 元素时我得到了这个错误:

cannot set property 'innerHTML' of null

我该怎么办？ 我检查了评论的问题，但它不是我的问题。

Answer 1

假设您的 info_print.html 实际上包含您要查找的元素，那么您需要等待 Window 加载它，然后再访问它。

这是一个使用 onload 事件的简单解决方案:

var info_window = window.open('info_print.html');

info_window.addEventListener('load', function() {
    info_window.document.getElementById('new_info').innerHTML = data;
});