Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.03.2018, 11:29
Интересующийся
Отправить личное сообщение для ioprst_ Посмотреть профиль Найти все сообщения от ioprst_
 
Регистрация: 29.03.2018
Сообщений: 11

Обратиться к стилю, описанному в 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 серую или зеленую заливку не подходит.
Ответить с цитированием
  #2 (permalink)  
Старый 29.03.2018, 12:32
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899


<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, 29.03.2018 в 13:22.
Ответить с цитированием
  #3 (permalink)  
Старый 30.03.2018, 10:59
Интересующийся
Отправить личное сообщение для ioprst_ Посмотреть профиль Найти все сообщения от ioprst_
 
Регистрация: 29.03.2018
Сообщений: 11

Dilettante_Pro, спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
SVG теги юзера Герасим Общие вопросы Javascript 1 02.03.2018 20:29
SVG CSS, SVG to WOFF kobezzza Firefox/Mozilla 2 29.03.2013 13:59
Inline SVG as background Paguo-86PK Элементы интерфейса 0 16.12.2011 18:12
Простой графический движок: SVG vs Canvas stryaponoff Общие вопросы Javascript 5 29.06.2010 15:59
svg. обработка событий amigo* Элементы интерфейса 0 23.06.2010 21:31