将CSS.class作为参数传递给javascript函数

这里的目标是单击1.gif，所有带有.panel1类的内容都将消失（style.display.none），所有带有.panel2类的内容都将变得可见（style.display.inline）

我对这方面还不太熟悉。所以我认为这只是“”或“”的语法问题

主要的
.panel1{display:inline；}
.panel2{显示：无；}
功能面板转换（面板输出、面板输入）
{
document.getElementByClass（panelIn.style.display=“inline”；
document.getElementByClass（panelOut.style.display=“无”；
}

您可以在此处了解有关jQuery的所有信息：

您只能让代码运行一次，只要单击一个panel1映像，所有panel2映像都将消失，您将无法再次单击它们。

<img class="panel1" src=1.gif onclick="panelTransition('panel1','panel2')" />

您可以在此处了解有关jQuery的所有信息：

您只能让代码运行一次，只要单击一个panel1图像，所有panel2图像都将消失，您将无法再次单击它们。

<img class="panel1" src=1.gif onclick="panelTransition('panel1','panel2')" />

我想你需要在那里引用

---

我想您需要在那里引用没有

getElementByClass

。它是

getElementsByClassName

，它返回一个项目数组，因此您需要修改代码以循环它们

function panelTransition(panelOut, panelIn) {
    var inPanels = document.getElementsByClassName(panelIn);
    for (var i = 0; i < inPanels.length; i++) {
        inPanels[i].style.display = 'inline';
    }

    var outPanels = document.getElementsByClassName(panelOut);
    for (var i = 0; i < outPanels.length; i++) {
        outPanels[i].style.display = 'none';
    }
}

---

没有

getElementByClass

。它是

getElementsByClassName

，它返回一个项目数组，因此您需要修改代码以循环它们

function panelTransition(panelOut, panelIn) {
    var inPanels = document.getElementsByClassName(panelIn);
    for (var i = 0; i < inPanels.length; i++) {
        inPanels[i].style.display = 'inline';
    }

    var outPanels = document.getElementsByClassName(panelOut);
    for (var i = 0; i < outPanels.length; i++) {
        outPanels[i].style.display = 'none';
    }
}

---

在这一点上，我认为他最好先学习基本的编程概念，然后再深入jQuery…不…这很有帮助。我只研究了几天，现在已经知道jquery是我的归宿。在这一点上，我认为他最好先学习一些基本的编程概念，然后再深入jquery……不……这很有帮助。我只研究了几天，现在已经有一个消息说jquery就是我要结束的地方。你可能想更新你的代码，让它不再使用

getElementByClass（）

，而是使用

getElementByClassName（）

这就解决了这个问题。谢谢在这里，它被托管在这里。它稍微复杂一点，您可能希望更新代码，这样它就不再使用

getElementByClass（）

，而是使用

getElementByClassName（）

修复它。谢谢在这里，它是托管在这里的。它有点复杂。我希望你不介意问我这个问题：你使用的是基本的HTML5标准，没有jQuery？=）为什么？=）我希望你不介意问我这个问题：你使用的是基本的HTML5标准，没有jQuery？=）为什么？=）

function panelTransition(panelOut, panelIn) {
    var inPanels = document.getElementsByClassName(panelIn);
    for (var i = 0; i < inPanels.length; i++) {
        inPanels[i].style.display = 'inline';
    }

    var outPanels = document.getElementsByClassName(panelOut);
    for (var i = 0; i < outPanels.length; i++) {
        outPanels[i].style.display = 'none';
    }
}

<img class="panel1" src=1.gif onclick="panelTransition('panel1', 'panel2')" />
<img class="panel2" src=2.gif />