Question

如何将4个功能减少为一个？如何为波纹管功能创建单个范围以便工作。

var ele;
var ele1;
var ele2;
var ele3;
var ele4;
function Myfunction(obj) { 
    ele=document.getElementById(obj).style; 
    if(ele.display=="none") { 
        ele.display="block"; 
        ele1.display="none";
        ele2.display="none";
        ele3.display="none";
    }
    else { ele.display="none"; } 
}

如何为波纹管功能创建单个范围以便工作。

function Myfunction1(obj1) { 
    ele1=document.getElementById(obj1).style; 
    if(ele1.display=="none") { 
        ele1.display="block";
        ele.display="none";
        ele2.display="none";
        ele3.display="none";
    } 
    else { ele1.display="none"; } 
}

如何为波纹管功能创建单个范围以便工作。

function Myfunction2(obj2) { 
    ele2=document.getElementById(obj2).style; 
    if(ele2.display=="none") { 
        ele2.display="block";
        ele.display="none";
        ele1.display="none";
        ele3.display="none";
    } 
    else { ele2.display="none"; } 
}

如何为波纹管功能创建单个范围以便工作。

function Myfunction3(obj3) { 
    ele3=document.getElementById(obj3).style; 
    if(ele3.display=="none") { 
        ele3.display="block";
        ele.display="none";
        ele2.display="none";
        ele1.display="`enter code here`none";
    } 
    else { ele3.display="none"; } 
}

Answer 1

你可以在一个功能中完成所有功能，

首先为所有元素commonClass添加一个类，您可以根据自己的功能更改此名称。

现在创建一个函数并传递元素的id。

function Myfunction(obj) { 
  var x = document.querySelectorAll(".commonClass");
  var i;
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
  }
  document.querySelector("#"+obj).style.display = "block";
}

虽然很多方法可以做到，但它很容易理解你。

JavaScript：如何减少功能？

1 个答案: