javascript - CSS 选择器的开/关

标签 javascript html css

例如,我有这个 CSS 规则:

<style>
table {background:red;}
div {background:green;}
</style>

和下面的 HTML,调用一个 JS 函数:

<table onclick="turnItsCSS(on/off)"><tr><td>123</td></tr></table>

turnItsCSS() 是否可以切换表格的 CSS 规则?

我想的只是解析 document head 中的 innerHTML,但这似乎还不够。

最佳答案

这是在 css 文件之间切换的好方法:

<button onclick="$('[rel=stylesheet]').attr('href','http://www.example.com/css/menu_red.css')">red</button>

<button onclick="$('[rel=stylesheet]').attr('href','http://www.example.com/css/menu_black.css')">black</button>

关于javascript - CSS 选择器的开/关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14823336/

相关文章:

javascript - AddEventListener()在不同浏览器中转换结束回调

javascript - 根据特定标签将 HTML 字符串拆分为多个部分?

javascript - 当用户在移动版 Safari 上离开页面时暂停声音

html - 为什么这张图片有右边距?

html - 基于宽度的中心菜单

javascript - 从 Canvas 的左侧到右侧沿直线移动圆圈

javascript - 外部 JavaScript 文件已连接,但某些代码无法正常工作

android - html 5 canvas 硬件是否在 android chrome beta 上加速?

css - SVG 比例变换具有运动

jquery - 带有国旗的国家的货币下拉菜单