使用Javascript在单击时更改超过1个CSS值？

有一个非常基本的页面，我的工作，其中包含缩略图和主图像。单击缩略图时，我使用document.getElementById更改主图像。很容易做到，但我现在想改变我的主要形象，从横向到纵向。这意味着现在单击缩略图时，我不仅需要更改主图像，还需要更改div标记的尺寸。我是Javascript新手，想知道是否有人能给我一个快速的指示，告诉我如何进行这项工作

提前感谢您的帮助

---

Margate

我建议在元素上添加/更改CSS样式的类，然后通过所有必要的修改配置该类。只使用CSS可以做很多事情。

您可以在onclick事件中使用分号并添加更多javascript调用，或者创建一个javascript函数来执行所有必要的更改并从onclick事件调用该方法

    function changeStuff(){
       document.getElementById("myThing").DoStuff()
       document.getElementById("myOtherThing").DoOtherStuff()
    }

    <div id="myThing">
        <img id="myOtherThing" onclick="cangeStuff();"></img>
    </div>

函数changeStuff（）{
document.getElementById（“myThing”）.DoStuff（）
document.getElementById（“myOtherThing”）.DoOtherStuff（）
}

向我们展示一些您的HTML。您是否有机会使用Jquery？我们能给你一些代码吗？你考虑过使用jQuery吗？