使用Javascript点击更改超过1个CSS值？

Question

有一个我正在处理的非常基本的页面，其中包含缩略图和主图像。单击缩略图图像时，我使用document.getElementById更改主图像。容易做但我现在想要将我的主要图像从横向更改为纵向。这意味着现在单击缩略图时，我不仅需要更改主图像，还需要更改div标签尺寸。我是Javascript的新手，想知道是否有人可以给我一个快速指向正确方向的方法。

提前感谢您的帮助，

马盖特

Answer 1

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

Answer 2

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

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

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