0%

用JS来动态设置CSS样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function addNewStyle(newStyle) {
const styleElement = document.getElementById('JS_style');

if (!styleElement) {
styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.id = 'JS_style';
document.getElementsByTagName('head')[0].appendChild(styleElement);
}

styleElement.appendChild(document.createTextNode(newStyle));
}

addNewStyle(`.box { background-color: 'red' }`);

需求

在图表加载的时候,默认只显示部分图例,只要图例显示部分,对应的柱状图图或者折线图也只显示对应的。点击一个按钮显示剩余的图例,或者点击置灰的图例让恢复显示。

阅读全文 »