我用了cloneNode(true)想复制添加一个多行文本框,类似微博发布的效果。发现我复制的文本框里没有我输入的内容。
<body>
<div id="div">
<textarea name="textarea" id="textarea" cols="30" rows="10"></textarea>
<button name="button" id="button" class="button">发布</button>
<textarea name="text" id="text" cols="30" rows="10"></textarea>
<div id="box">
</div>
</div>
</body>
<script type="text/javascript">
var textarea=document.getElementById("textarea");
var button=document.getElementById("button");
var texts=document.getElementById("text");
var div=document.getElementById("div");
button.onclick=function(){
//获取内容
textarea.innerHTML=textarea.text;
alert(textarea.text)
//克隆节点
var cloneText=textarea.cloneNode(true);
//设置属性
cloneText.setAttribute("name","cloneText");
cloneText.setAttribute("id","cloneText");
//插入节点
div.insertBefore(cloneText);
}
</script>
月关宝盒