javascript - 在 Javascript 中动态创建一个 div

Question

如何在函数中动态创建一个 div，如下所示:

<div id="mydiv" class="notice" style="display:none;">
</div>

如果我也可以使用 jquery 库创建它，那就太好了。

Answer 1

var div = document.createElement("div");
div.setAttribute("id", "mydiv");

div.className = "notice";
div.style.display = "none";

// test case, append the div to the body
document.body.appendChild(div);

或使用 jQuery

$("<div id='mydiv' class='notice' style='display: none;'></div>").appendTo("body");

请注意，因为在 jQuery 方法中创建了一个元素并将其 innerHTML 属性设置为给定标记。因此，它既非常灵活又有限。