Javascript 来操作 css 文件?

标签 javascript

我使用 javascript 更改对象的显示,同一个对象已经有一个 css 类:#id{display:none;} 当我使用 javascript 将显示更改为 display:block 时,Display:block;出现在 HTML 中的对象本身上。 css 属性似乎覆盖了 html 的属性,因为它仍然不显示。
prev4.onclick = function(){ lrg.setAttribute("src", eventpic4); lefta.setAttribute("显示", " block "); };

最佳答案

一个好的做法是避免直接在 JavaScript 中操作样式;您可以改为依赖类并让 CSS 处理样式:

<style>
  #id { display: none; }
  #id.enabled { display: block; }
</style>
<script>
  document.getElementById("id").className = "enabled";
</script>

关于Javascript 来操作 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13246549/

相关文章:

javascript - 如何在 JavaScript 中执行 GPS 坐标三 Angular 测量?

关于 form.elements 的 JavaScript

javascript - 我该如何处理 React 中的未定义错误

javascript - 在 Electron 中的两个渲染器进程之间直接通信

javascript - 用于检查全局变量的 Ajax 回调

javascript - 有条件地更改字段的 Mirth Java 代码

javascript - 每个 ng-repeat 嵌套唯一的 ng-model

javascript - 单击它时如何弹出一个 float /粘性窗口?

javascript - 谷歌在请求外部文件的离线/本地主机应用程序中美化

javascript - 如何检查平移和/或缩放后我的 Cytoscape.js 图表是否在 View 之外(甚至部分)?