Question

我正在尝试在body元素的开头创建一个id为“ blackout”的div元素，但是我的代码没有达到我的期望，也没有创建任何内容。

我使用前置错误吗？还是我必须使用document.createElement？

代码：

function InitModal() {
    $("body").prepend("<div id=\"blackout\"></div>");
}

Answer 1

您需要调用该函数，否则它将无法运行。我在网页加载中添加了一个调用。此外，您的报价也有误。如果您的代码用'括起来，请使用"作为内部代码，反之亦然。

function InitModal() {
    $('body').prepend('<div id="blackout">New div</div>');
}

$(document).ready(function() {
    InitModal();
});

#original{
  background-color: #e5e5e5;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
}
#blackout{
  background-color: #A6F1CD;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="original">Original div</div>

Answer 2

您的代码可以正常工作！在有jQuery的任何地方打开开发人员工具，粘贴函数并调用InitModal()。然后，您将在开发工具中看到已创建div。

在您的情况下，似乎未调用该代码位。

例如alert('called');起作用，您会看到的。

试图在body元素的顶部创建一个div元素

2 个答案: