如何解决“无法读取未定义的属性（读取'ownerDocument'）”

Question

我正在尝试在页面加载时在主 div 中添加一个 div，当我编写这样的代码时它可以工作：

function DivAdder() {
  $('#mainDiv').append('<div class="newspaper-wrapper"></div>');
}
DivAdder();
window.onload = DivAdder;

但是我想让这个函数有一个参数，这样我就可以传递它的名字，而不是在 .append 函数中写入整个字符串。我写了这样的东西，但标题错误：

function DivAdder(variable) {
  $('#mainDiv').append($(variable));
}
DivAdder('<div class="newspaper_wrapper"></div>');
window.onload = DivAdder;

我也试过这个：

$('#mainDiv').append(variable);

但是什么也没发生。我阅读了一些文档，但没有成功。 感谢帮助

Answer 1

这是因为window.onload 传递了一个事件对象作为第一个参数。如果你console.log(variable)，它会告诉你这是一个事件。

您需要将此第一个参数保留为可选事件，并将您的 HTML 作为第二个参数传递：

function DivAdder($event, html) {
  console.log("Event = ", $event)
    console.log("Adding div : " , html)
  $('#mainDiv').append(html);
}
DivAdder(null, '<div class="newspaper_wrapper">TEST</div>');
window.onload = DivAdder; // This will call DivAdder( LoadEvent )

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="mainDiv"></div>

我不确定你为什么首先分配window.onload = DivAdder，因为这不会添加任何HTML，也不会做任何事情。你可以完全摆脱它，它只会造成麻烦。

function DivAdder(html) {
    console.log("Adding div : " , html)
  $('#mainDiv').append(html);
}
DivAdder('<div class="newspaper_wrapper">TEST</div>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="mainDiv"></div>