切换属性选择器CSS javascript

切换属性选择器CSS javascript,javascript,css,svg,Javascript,Css,Svg,我想切换fill:000;来自CSS属性svg[id^=''''''] 通常我会使用这样的东西,但我不能使用它,因为svg[id^=''''.'不是一个元素,对吗 pub.toggleClass = function(el, className) { if (el.classList) { el.classList.toggle(className); } else { var classes = el.className.split(' '); var exis

我想切换fill:000;来自CSS属性svg[id^='''''']

通常我会使用这样的东西,但我不能使用它,因为svg[id^=''''.'不是一个元素,对吗

pub.toggleClass = function(el, className) {
  if (el.classList) {
    el.classList.toggle(className);
  } else {
    var classes = el.className.split(' ');
    var existingIndex = classes.indexOf(className);

    if (existingIndex >= 0)
      classes.splice(existingIndex, 1);
    else
      classes.push(className);

    el.className = classes.join(' ');
  }
};
当我尝试切换类时,它会显示UncaughtTypeError:无法读取未定义的属性“split”

我曾经尝试过这样做:document.styleSheets[1].addRulesvg[id^='''''.'],'fill:000;';但它不能跨浏览器工作,也不能切换。。。我这么说是因为我觉得有一种更简单的方法

更新1


我将尝试这个库:

我能够通过将属性选择器放在我要添加的类中来使用toggleClass。这比尝试将样式添加到现有属性选择中要简单得多

.monotone [id^='_'] {
    fill: #000;
}