Dynamisches Ansprechen von SVG Elementen

Question

Hallo,

ist es möglich, bei SVG Elementen die "fill" Eigenschaft dynamisch zu ändern?

Ich habe innerhalb meiner SVG Grafik ein nicht auswählbares Rechteck welches ich rot einfärben möchte. Ein Versuch das Rechteck über "document.getElementById('rect2294')" anzusprechen scheitert mit der Fehlermedlung "Cannot set properties of null". Auch das Element über CSS mit dem !important Flag anzupassen funktioniert irgendwie nicht.

Answer 1

Cannot set properties of null

SVG-Elemente innerhalb des Dokuments anzusprechen ist nur dann relativ einfach, wenn man den SVG-Quellcode ins HTML nimmt. Sobald man oder oder verwendet, muss man sich ein wenig verrenken.

How to access SVG elements with Javascript (Stack Overflow)