Javascript显示/隐藏标签和iFrame的功能:
function ChangeStep(id)
{
var i = 1;
// hide all other tabs:
while(i<3) {
var divID = 'tabs' + i;
if (divID !== null) {
document.getElementById(divID).className = " hide";
}
i++;
}
// show this one
document.getElementById(id).className = " show";
}
if (id == "tab2") {
document.getElementById(iFrame).className = " iFrame2";
}
else if (id == "tab1") {
document.getElementById(iFrame).className = " iFrame1";
}
Run Code Online (Sandbox Code Playgroud)
选项卡的更改有效,但底部的if语句似乎不起作用.
问题是我有一个ID为的iFrame 'iFrame'.现在我在css文件中创建了两个名为:的类'iFrame1','iFrame2'它们具有不同的设置,使iFrame看起来不同.上面的函数在更改'tabs'(将"显示"类添加到一个而将"隐藏"添加到所有其他类型)时没有问题.但它似乎没有改变iFrames类,'iFrame2' and/or 'iFrame1'
我不能把它放在JSFiddle上,因为我的网站很大程度上依赖于图像,所以我只是将你链接到我上传的地方:www.FeedtheSyrians.com