在html中选项卡怎么做,如何使用4选项卡在html中创建菜单，该选项卡将在单个页面上显示内容？...

我用javascript代码解决了问题。我发布它，我想知道是否有另一个，

编码方式较少？就我研究而言，我发现在javascript中同时声明和指定全局变量是不受支持的，你知道其他任何简单的方法吗？

和代码：

function getFatura() {

var tahsilatId = document.getElementById("tahsilatlarIcerik");

var faturaTabloId = document.getElementById("faturaTabloIcerik");

var faturaGrafikId = document.getElementById("faturaGrafikIcerik");

var odemelerId = document.getElementById("odemeIcerik");

var kasaId = document.getElementById("kasaIcerik");

faturaTabloId.style.display = "block";

faturaGrafikId.style.display = "block";

tahsilatId.style.display = "none";

odemelerId.style.display = "none";

kasaId.style.display = "none";

}

function getTahsilatlar() {

var tahsilatId = document.getElementById("tahsilatlarIcerik");

var faturaTabloId = document.getElementById("faturaTabloIcerik");

var faturaGrafikId = document.getElementById("faturaGrafikIcerik");

var odemelerId = document.getElementById("odemeIcerik");

var kasaId = document.getElementById("kasaIcerik");

faturaTabloId.style.display = "none";

faturaGrafikId.style.display = "none";

tahsilatId.style.display = "block";

odemelerId.style.display = "none";

kasaId.style.display = "none";

}

function getOdemeler() {

var tahsilatId = document.getElementById("tahsilatlarIcerik");

var faturaTabloId = document.getElementById("faturaTabloIcerik");

var faturaGrafikId = document.getElementById("faturaGrafikIcerik");

var odemelerId = document.getElementById("odemeIcerik");

var kasaId = document.getElementById("kasaIcerik");

faturaTabloId.style.display = "none";

faturaGrafikId.style.display = "none";

tahsilatId.style.display = "none";

odemelerId.style.display = "block";

kasaId.style.display = "none";

}

function getKasa() {

var tahsilatId = document.getElementById("tahsilatlarIcerik");

var faturaTabloId = document.getElementById("faturaTabloIcerik");

var faturaGrafikId = document.getElementById("faturaGrafikIcerik");

var odemelerId = document.getElementById("odemeIcerik");

var kasaId = document.getElementById("kasaIcerik");

faturaTabloId.style.display = "none";

faturaGrafikId.style.display = "none";

tahsilatId.style.display = "none";

odemelerId.style.display = "none";

kasaId.style.display = "block";

}我正在使用onclick事件在元素中调用这些功能。基本上我将所选选项卡的显示属性更改为BLOCK，并将其他选项卡的属性显示为NONE。

现在，我有4个选项卡，但我无法想象如果超过10个选项卡，我将需要哪些代码。

谢谢，