如何將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);

將更新規則中的可見性屬性。