从javascript onclick添加多个span

我有一个div，可以在上面使用span和textarea（隐藏）键入文本。我调用这个divonclick函数。我想要的是每次单击时都会看到一个div或span。i、 e.同一页上有多个div。 代码：

CSS:

首先，您需要正确调用javascript函数： 改变

进入

---

如果您想要有多个

textarea/span

，您需要创建子元素并将其附加到

div

，您所做的只是显示/隐藏不会复制这些元素的内容

var txt = document.createElement('textarea');
document.getElementById('myDiv').appendChild(txt); 

函数addTextBox（）
{
var newTextBoxdiv=$（document.createElement（'div'））.attr（“类”，“eadeTailSet”）；
newTextBoxdiv.html（“
”）；
newTextBoxdiv.insertAfter（“.eadeTailSet”）；
$（“.eadeTailSet”）.show（）；
}

---

看看这是否有效

我没有遇到任何错误。我能够获得divonclick，但当我单击时，这只完成一次。我想在单击时生成多个div。当我再次单击时，应生成具有相同功能的另一个类似div.Changed。您能更具体地说明我的要求吗？现在还不清楚您想要实现什么，但是如果您想添加多个跨距和div，您需要创建这些元素并将它们附加到某个父项。我明白你的意思，非常感谢。但我真正想知道的是‘我能调用同一个方法两次吗’？这样，我只要点击两次按钮，就可以得到两次相同的span/textarea？这正是我想要的。非常感谢：）$（'.EaDetailInset'）.draggable（）.resizeable（）；不适用于我从函数调用的div，但适用于我手动调用的div。为什么？@shabbir.rang您能展示您的实现吗？？？。最好是在jsfiddle@shabbir.rang嗯…编辑你的代码，展示你实现的可拖动功能。我可以拖动和调整大小。现在的问题是，当我点击按钮时，它会添加div.perfect。现在，当我再次调用它时，它会增加两个。再点击一次，它加4，然后加8。我希望你能理解我想说的话？

function addTextBox()
{
$('.EaDetailInset').show();
}

.EaDetail, .EaDetailDisabled {
border: 1px dashed transparent;
font-size: 12px;
overflow: visible;
position: absolute;
display:none;
}
.EaDetail {
border-radius: 3px 3px 3px 3px;

}

.EaDetailInset {
display: none;
max-height: 65px;
padding-bottom:5px;
border: 2px dashed #AAAAAA;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}


.EaDetailText textarea, .EaDetailText span {
font: 100%/1.1 arial,sans-serif;
position: absolute;
white-space: pre;
}
.EaDetailText textarea, .EaDetailText textarea[disabled] {
background: none repeat scroll 0 center transparent;
border: 0 none;
bottom: 6px;
box-shadow: none;
color: #000000;
display: block;
height: 200%;
left: 6px;
line-height: 1.1;
outline: 0 none;
padding: 0;
resize: none;
right: 6px;
top: 6px;
transition: none 0s ease 0s;
width: 200%;
}

<input type="button" onclick="addTextBox" value="Add">

<input type="button" onclick="addTextBox()" value="Add">

var txt = document.createElement('textarea');
document.getElementById('myDiv').appendChild(txt); 

<div class="EaDetail EaDetailText" style="left: 299px; top: 80px; font-size: 17px; width: 126px; height: 23px; position: absolute; display: block;">
<div class="EaDetailInset">
</div>
</div>
<input type="button" onclick="addTextBox()" value="Add">

function addTextBox()
{
var newTextBoxdiv = $(document.createElement('div')).attr("class",'EaDetailInset');

    newTextBoxdiv.html('<span style="font-size: 17px;"><br></span><textarea></textarea></span>');

    newTextBoxdiv.insertAfter(".EaDetailInset");
  $(".EaDetailInset").show();
}