Как добраться до элемента в DOM( SVG)?

Не могу сообразить простую вещь, уж извините.
Как мне обратиться к элементу text (хочу поменять цвет по клику) в
группе ?
<g id="cer"  style="fill:#b3b3b3;">
                   <circle  cx="140" cy="80" r="20"  style="stroke:#b3b3b3;"/>
                   <text  x="180"  y="80" style="fill:#b3b3b3;" >Cer </text>
         </g>

<script>
 function changeCer(el1) {
document.getElementById(el1).style.fill = '#F73F69';
document.getElementById(el1).text.style.fill = 'green';   }   
              </script>

Цвет группы меняет, но мне хочется заливку text поменять на другую - отдельным цветом.
Какая должна быть строчка здесь?
document.getElementById(el1).text.style.fill = 'green';

Тут на JSFiddle
  • Вопрос задан
  • 2702 просмотра
Решения вопроса 1
mlnkv
@mlnkv
JavaScript Developer
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы