JS代码中div的复制怎么实现 通过点击复制按钮又新生成一个一摸一样的div
<bodyid="abc"style="padding:10px;"><divid="name"style="height:50px;width:450px;"><lab...
<body id="abc" style="padding:10px;">
<div id="name" style="height:50px; width:450px;"><label type="label" id="label_id" style=" height:25px; width:450px;
font-size:12px; line-height:25px;">标题:</label>
<input name="button" type="button" onclick="getValue()" value="提交标题" /></div>
<input id="aa" type="button" value="复制"/>
<!--怎样实现在原来div的下方再生成一个div呢 里面的内容就比如说是上面的 怎么写function方法呢 这样才可以运用onclick事件-->
</body> 展开
<div id="name" style="height:50px; width:450px;"><label type="label" id="label_id" style=" height:25px; width:450px;
font-size:12px; line-height:25px;">标题:</label>
<input name="button" type="button" onclick="getValue()" value="提交标题" /></div>
<input id="aa" type="button" value="复制"/>
<!--怎样实现在原来div的下方再生成一个div呢 里面的内容就比如说是上面的 怎么写function方法呢 这样才可以运用onclick事件-->
</body> 展开
3个回答
展开全部
function pa()
{
var strbr="<div id=\"name\" style=\"height:50px; width:450px;\">"
strbr=strbr+ document.getElementsByName("name").innerHTML;
strbr=strbr+ "</div>";
return strbr;
}
返回的值就是一个新的div
{
var strbr="<div id=\"name\" style=\"height:50px; width:450px;\">"
strbr=strbr+ document.getElementsByName("name").innerHTML;
strbr=strbr+ "</div>";
return strbr;
}
返回的值就是一个新的div
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html部分：
<input type="button" value="显示div1的内容" id="btn" />
<div id="div1" style="display:none">div1</div>
<div id="div2" style="display:none">div2</div>
<div id="show-box"></div>
js部分
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
var btn=document.getElementById("btn");
var showBox=document.getElementById("show-box");
//方法一:将div中的值赋值到一个用于显示的框中（showBox）
var flag=true;
btn.onclick=function(){
if(flag){
showBox.innerHTML=div1.innerHTML;
btn.value="显示div2的内容"
flag=false;
}
else{
showBox.innerHTML=div2.innerHTML;
btn.value="显示div1的内容"
flag=true;
}
}
//方法二:用按钮控制div1,div2的显示隐藏
var flag=true;
btn.onclick=function(){
if(flag){
div1.style.display="block";
div2.style.display="none";
btn.value="显示div2的内容"
flag=false;
}
else{
div2.style.display="block";
div1.style.display="none";
btn.value="显示div1的内容"
flag=true;
}
}
因为不太明白你想要哪种，所以写了两种，你选一个吧~
ps:其实用JQuery会更简单
<input type="button" value="显示div1的内容" id="btn" />
<div id="div1" style="display:none">div1</div>
<div id="div2" style="display:none">div2</div>
<div id="show-box"></div>
js部分
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
var btn=document.getElementById("btn");
var showBox=document.getElementById("show-box");
//方法一:将div中的值赋值到一个用于显示的框中（showBox）
var flag=true;
btn.onclick=function(){
if(flag){
showBox.innerHTML=div1.innerHTML;
btn.value="显示div2的内容"
flag=false;
}
else{
showBox.innerHTML=div2.innerHTML;
btn.value="显示div1的内容"
flag=true;
}
}
//方法二:用按钮控制div1,div2的显示隐藏
var flag=true;
btn.onclick=function(){
if(flag){
div1.style.display="block";
div2.style.display="none";
btn.value="显示div2的内容"
flag=false;
}
else{
div2.style.display="block";
div1.style.display="none";
btn.value="显示div1的内容"
flag=true;
}
}
因为不太明白你想要哪种，所以写了两种，你选一个吧~
ps:其实用JQuery会更简单
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
