Обратиться к стилю, описанному в svg
 

Привет. Подскажите, пожалуйста.
В svg объявляю стиль:

<style type="text/css" id="default">
    .default_default {
      fill: #808080;
      stroke: #000000;
      stroke-width: 1px;
    }
   .default_on {
      fill: #00FF00;
      stroke: #000000;
      stroke-width: 1px;
    }
</style>

Существует ли какой-нибудь способ, чтобы обратиться напрямую к элементу, например, .default_on?
svgDoc.getElementById("default").textContent возвращает текст между тегами style, но вот парсить строку не очень удобно.
Мне необходимо это, чтобы в зависимости от некоторых условий svg элемент, например прямоугольник, становился либо серым (.default_default), либо зеленым (.default_on).
Вариант: через setAttribute присвоить атрибуту fill серую или зеленую заливку не подходит.

:blink:

<style type="text/css" id="default">
    .default_default {
      fill: #808080;
      stroke: #000000;
      stroke-width: 1px;
    }
   .default_on {
      fill: #00FF00;
      stroke: #000000;
      stroke-width: 1px;
    }
</style>

<svg>  
<rect width="200" height="200" class="default_default"/>  
</svg>
<script>
setTimeout( function() {
  var el = document.querySelector('rect');
  el.classList.remove("default_default");
  el.classList.add("default_on");
}, 3000);
</script>

Dilettante_Pro, спасибо