molily: Per Script aus SVG-Datei ein Element verändern.

Beitrag lesen

Hallo,

SVG- und HTML-Dokument sind bei der Verwendung von <object> strikt getrennt. Wenn du das aufweichen willst, damit die Scripte gegenseitigen Zugriff auf das DOM haben, so kannst musst du dich von der object-Einbindung lösen.

Beispielsweise ein iframe:

<iframe id="svg" src="karte_svg" src="karte.svg"></iframe>

Damit kannst du in JavaScript via svg.document auf das SVG-Dokument zugreifen.

Innerhalb des SVG-Dokument kann ein Script über parent.document auf das HTML-Dokument zugreifen, wie in HTML-Dokumenten üblich:
http://aktuell.de.selfhtml.org/artikel/javascript/fensterzugriff/

Oder du bettest das SVG-Dokument vollständig ins HTML-Dokument ein, was in HTML5 möglich ist und von neueren Browsern unterstützt wird. Du kannst einfach den gesamten <svg ...>...</svg>-Code ins HTML-Dokument kopieren. Dann findest du mit document.getElementById usw. auch SVG-Elemente mit der gesuchten ID.

Mathias