如何将CSS转换为SVG

Question

我试图通过正确分配css来改善代码：

isChecked = jqElement.is(':checked');
type = jqElement.attr('tag');
var start = new Date().getTime();
elements = document.getElementsByClassName(type);
console.log('LAYER ' + type + ': ' + elements.length);
for (j=0; j<elements.length; j++){
    element = elements[j];
if (isChecked)
    element.classList.remove('hide-layer');
else
    element.classList.add('hide-layer');
//element.className += ' hide-layer';
//element.className = type;
//element.setAttribute('visibility', (isChecked)? '' : 'hidden');
}

使用element.className + ='hide-layer'不起作用使用element.className + ='hide-layer'需要一段时间（1996年具有相同类的path元素为8 secons）

css类是这样的：

.hide-layer{
    visibility:hidden;
}

希望您能够帮助我。 提前致谢！

Answer 1

如果在要隐藏的元素上设置类，则可以操作类规则，即编辑

.hide-layer{
    visibility:hidden;
}

成为

.hide-layer{
    visibility:visible;
}

您可以通过访问样式表

document.styleSheets

如果以上规则是页面唯一样式表中的唯一规则，则它将是

var rule = document.styleSheets[0].cssRules[0]

和

document.styleSheets[0].cssRules[0].style.setProperty('visibility','visible',null);

将更新规则中的可见性属性。