Raketenwilli: Inline-SVG → auf Style(CSS) per JS zugreifen?

Beitrag lesen

Was Du im Beitrag nicht erkennen konntest: Im Original-Quelltext war das Skript unterhalb der SVG-Graphik. Die sollte also schon geladen gewesen sein.

Mir gehts also um den „Objekt-Zugriffspfad“ aus dem HTML in das SVG-Objekt und sodann auf dessen Kind-Objekte:

Psedocode:

<html>
    <alles_davor></alles_davor>

    <svg ID="SVG_Objekt">
        <g ID="Kind_Objekt_1"></g>
        <g ID="Kind_Objekt_2"></g>
    </svg>

    <alles_danach></alles_danach>
</html>

Ich will also Style-Eigenschaften von DocumentSVG_ObjektKind_Objekt_n überschreiben. (Das dann in Abhängigkeit von der Mausposition und der zu ermittelnden Position des SVG-Objekts, bzw. dessen Kindern.)

Alternativ bliebe nur, die „Kind-Objekte“ einzeln als vollständige SVG-Grafiken zu notieren:

<html>
    <alles_davor></alles_davor>

    <svg ID="SVG_Objekt1">
        <g></g>
    </svg>

    <svg ID="SVG_Objekt2">
        <g></g>
    </svg>

    <alles_danach></alles_danach>
</html>

Die könnte ich leicht adressieren und deren Eigenschaften manipulieren. Das hab ich schon so um anno 2010 herum mal gemacht…