永发信息网

JS里面如何加入点击复制代码?

答案:2  悬赏:0  手机版
解决时间 2021-03-21 19:54
  • 提问者网友:呐年旧曙光
  • 2021-03-20 21:36
JS里面如何加入点击复制代码?
最佳答案
  • 五星知识达人网友:愁杀梦里人
  • 2021-03-20 23:02
复制,一般都是讲一个元素的value或是html赋值到另一个元素的value或是html。下面是简单代码实现:
html部分:


div1
div2


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;
    }
}
全部回答
  • 1楼网友:蕴藏春秋
  • 2021-03-21 00:03


我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯