JavaScript：如何減少功能？

如何將波紋管4個功能縮減爲一個？如何爲波紋管功能創建單個作用域以便工作。JavaScript：如何減少功能？

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"; } 
}

來源

2017-01-14 Jasoor

更新您的問題。代碼示例和問題不清楚。把它們放在一個代碼示例中。 –

究竟需要什麼？ 'ele'，'ele1'，'ele2'，'ele3'的初始值是多少？你想像手風琴那樣只展現一個嗎？ –

你可以把它的所有功能於一體，

第一類添加到您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"; 
}

雖然很多方式做到這一點，但它簡單理解你。

來源

2017-01-14 06:35:11 C2486

JavaScript：如何減少功能？

回答

相關問題