|
Сообщение от Was-Ja
|
|
Часто у меня есть 4-5 svg картинок одного размера, которые я планировал поместить в одно и то же место и хотел их переключать по всяким внешним евентам. Пока планировал присвоением в innerHTML делать, но может есть какой-то правильный селектор, посоветуйте, пожалуйста!
|
Не совсем понятен вопрос.
Элементы SVG, когда они вставленны в DOM ведут себя как обычные элементы
document.getElementById('elem') вернет любой элемент, что HTML, что SVG, лишь бы id был подходящим.
Тоже и про querySelector.
Их так же можно вставлять appendChild и удалять removeChild или remove. Все операции с узлами и элементами к ним применимы.
Есть конечно особенности.
document.createElement - не создаст элемент SVG
Нужно
document.createElementNS( 'http://www.w3.org/2000/svg', tag ) // tag - тэг элемента 'line', например
И многие свойства не удастся поменять как свойства. Нужно через атрибуты
Например есть свойство x у line, но line.x = 100 - не пройдет. нужно line.setAttribute('x', 100)
Названия атрибутов - регистрозависимы. Нужно писать так, как указано в документации/