Javascript 为什么不添加准备好的div？

这是工作

这不管用

HTML

添加块

JS 1

var div=''；
add.onclick=function（）{
var div=document.createElement（'div'）；
div.className=“警报”；
div.id=“vv”；
div.innerHTML=“是！”；
新儿童组(分区);；
};

JS2

add.onclick=function（）{
var div='
文本
新儿童组(分区);；
};

错误：

未捕获引用错误：未在上定义新的\u b htmldevelment.add.onclick

---

如果需要将复杂DIV加载到具有多个嵌套级别的新块中，该怎么办？

您没有创建DIV。您需要在附加它之前创建它（或任何元素）。 “复杂DIV”是什么意思？你能举个例子吗？

var div=''；
add.onclick = function() {
    var div = '<div id="a"><p class="my">text</p></div>'
    new_b.appendChild(div);
};

add.onclick=function（）{
var div=document.createElement（'div'）；
div.className=“警报”；
div.id=“vv”；
div.innerHTML=“是！”；
新儿童组(分区);；
};

var div = '';
add.onclick = function() {
    var div = document.createElement('div');
    div.className = "alert";
    div.id = "vv";
    div.innerHTML = "<strong>Yes!</strong> ";
    new_b.appendChild(div);
};

add.onclick = function() {
    var div = '<div id="a"><p class="my">text</p></div>'
    new_b.appendChild(div);
};

add.onclick = function() {
    var div = '<div id="a"><p class="my">text</p></div>'
    new_b.appendChild(div);
};

add.onclick = function() {
    var div = '<div id="a"><p class="my">text</p></div>'
    new_b.insertAdjacentHTML( 'beforeend', div );
};

var div = '';
add.onclick = function() {
    var div = document.createElement('div');
    div.className = "alert";
    div.id = "vv";
    div.innerHTML = "<div id='complex-div'><strong>Yes!</strong></div>";
    new_b.appendChild(div);
};