使用 Javascript 在点击时更改超过 1 个 CSS 值？答案

【问题标题】：Change more than 1 CSS value on click using Javascript?使用 Javascript 在点击时更改超过 1 个 CSS 值？
【发布时间】：2013-04-30 21:00:56
【问题描述】：

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

提前感谢您的帮助，

马盖特

【问题讨论】：

向我们展示您的一些 HTML。
你在使用 Jquery 吗？请给我们一些代码吗？？
你考虑过使用 jQuery 吗？

标签： css html getelementbyid

【解决方案1】：

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

【讨论】：

【解决方案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>

【讨论】：