Inline-SVG → auf Style(CSS) per JS zugreifen?
bearbeitet von RaketenwilliWas 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
<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 `Document`→`SVG_Objekt`→`Kind_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
<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, glaub ich schon vso um annor 2010 mal gemacht…
Mir gehts also um den „Objekt-Zugriffspfad“ aus dem HTML in das SVG-Objekt und sodann auf dessen Kind-Objekte:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_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
<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
Inline-SVG → auf Style(CSS) per JS zugreifen?
bearbeitet von RaketenwilliWas 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
<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 `Document`→`SVG_Objekt`→`Kind_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
<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, glaub ich schon vor 2010 mal gemacht…
Mir gehts also um den „Objekt-Zugriffspfad“ aus dem HTML in das SVG-Objekt und sodann auf dessen Kind-Objekte:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_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
<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, glaub ich schon vor 2010 mal gemacht…
Inline-SVG → auf Style(CSS) per JS zugreifen?
bearbeitet von RaketenwilliWas 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 hinein:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt_n` überschreiben. (Das dann in Abhängigkeit von der Mausposition und der zu ermittelnden Position des SVG-Objekts, bzw. dessen Kindern.)
Mir gehts also um den „Objekt-Zugriffspfad“ aus dem HTML in das SVG-Objekt und sodann auf dessen Kind-Objekte
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt_n` überschreiben. (Das dann in Abhängigkeit von der Mausposition und der zu ermittelnden Position des SVG-Objekts, bzw. dessen Kindern.)
Inline-SVG → auf Style(CSS) per JS zugreifen?
bearbeitet von RaketenwilliWas 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 dessen Kind-Objekte hinein:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt_n` überschreiben. (Das dann in Abhängigkeit von der Mausposition und der zu ermittelnden Position des SVG-Objekts, bzw. dessen Kindern.)
Mir gehts also um den „Objekt-Zugriffspfad“ aus dem HTML in das SVG-Objekt und sodann dessen Kind-Objekte hinein:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt_n` überschreiben. (Das dann in Abhängigkeit von der Mausposition und der zu ermittelnden Position des SVG-Objekts, bzw. dessen Kindern.)
Inline-SVG → auf Style(CSS) per JS zugreifen?
bearbeitet von RaketenwilliWas 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 dessen Kind-Objekte hinein:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt-_n` überschreiben
Mir gehts also um den „Objekt-Zugriffspfad“ aus dem HTML in das SVG-Objekt und sodann dessen Kind-Objekte hinein:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt
Inline-SVG → auf Style(CSS) per JS zugreifen?
bearbeitet von RaketenwilliWas 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 dessen Kind-Objekte hinein:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt-n` überschreiben
Mir gehts also um den „Objekt-Zugriffspfad“ aus dem HTML in das SVG-Objekt und sodann dessen Kind-Objekte hinein:
Psedocode:
~~~HTML
<html>
<alles_davor>…</alles_davor>
<svg ID="SVG_Objekt">
<g ID="Kind_Objekt
<g ID="Kind_Objekt
</svg>
<alles_danach>…</alles_danach>
</html>
~~~
Ich will also Style-Eigenschaften von `Document`→`SVG_Objekt`→`Kind_Objekt-n` überschreiben
Inline-SVG → auf Style(CSS) per JS zugreifen?
bearbeitet von RaketenwilliWas 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 dessen Kind-Objekte hinein:
Psedocode:
~~~HTML
<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 `Document`→`SVG_Objekt`→`Kind_Objekt-n` überschreiben