javascript - jqueryを使わずにjavascriptで動的divを作成するには?

Question

Web ページのボタン クリックで動的分割を行いたいのですが、最も簡単な解決策を教えてください。JavaScript は初めてです。

Answer 1

これが役立つことを願っています

function divcreate() {
    var div = document.createElement("div");
    div.setAttribute("id", "mydiv");
    div.className = "mdiv";
    div.style.display = "none";
    document.body.appendChild(div);
}

Answer 2

<button onclick="createDiv()">Click Me</button>

function createDiv(){
   var newDiv = document.createElement('div');
}

Answer 3

//以下のようなdivを作成

var div=document.createElement("div");
var node=document.createTextNode("This is new.");
div.appendChild(node);

次に、子にしたい上記のdivを追加します

var element=document.getElementById("some_parent_tag");
element.appendChild(div);