使用Javascript动态创建两个div
我试图在一个函数中创建两个div,但我不知道如何实现。 我已经在div上动态创建了一个函数,并试图在一个函数中创建两个div 谢谢你的帮助 本机javascript中没有insertAfter函数,下面是如何为各种相同的工作创建函数使用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);
//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函数一起显示,而不是再创建一次呢?非常感谢,这就是我一直在寻找的。你是一颗宝石请张贴到网站上,一定会看它。