使用Javascript动态创建两个div

使用Javascript动态创建两个div,javascript,Javascript,我试图在一个函数中创建两个div,但我不知道如何实现。 我已经在div上动态创建了一个函数,并试图在一个函数中创建两个div 谢谢你的帮助 本机javascript中没有insertAfter函数,下面是如何为各种相同的工作创建函数 //create the passed element with id and class function createElement(tag, id, className){ var elem = document.createElement(tag);

我试图在一个函数中创建两个div,但我不知道如何实现。 我已经在div上动态创建了一个函数,并试图在一个函数中创建两个div

谢谢你的帮助

本机javascript中没有insertAfter函数,下面是如何为各种相同的工作创建函数

//create the passed element with id and class
function createElement(tag, id, className){
    var elem = document.createElement(tag);
    if(typeof id != 'undefined'){
        elem.id = id;
    }

    if(typeof className != 'undefined'){
        elem.className = className;
    }

    return elem;
}

//create div and submit tag with passed id and class
function createDivs() {
    var divTag = createElement('div', 'textarea', 'divdrag');
    var textAreaElm = createElement('textarea', 'myTextarea', 'textarea');
    divTag.appendChild(textAreaElm);
    par = document.getElementById('stage');
    insertAfter(par, divTag);

    createDiv(par, 'insertAfter');
    //put insertBefore--^---here when you need insertBefore to append
}

//create div and it's child button
function createDiv(par, where){
    var divTag = createElement('div', 'submit', 'divdrag');

    var btn = document.createElement("button");
    var t = document.createTextNode("Submit");
    btn.className = "btn";
    btn.appendChild(t);
    divTag.appendChild(btn);
    if(where == 'insertAfter'){
        insertAfter(par, divTag);
    }else if(where == 'insertBefore'){
        par.insertBefore(divTag, par.firstChild);
    }
}

//insertAfter function as there is no native support by js
function insertAfter(referenceNode, newNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

createDivs();

有没有什么方法可以让我把createDiv和createDivs函数一起显示,而不是再创建一次呢?非常感谢,这就是我一直在寻找的。你是一颗宝石请张贴到网站上,一定会看它。