Moin Auge,

Dann könnte ich einen ungültigen nehmen, den der Browser ignoriert

<bild src="ukulele_griff_(0).png" alt="(0)">

Folge bitte, wenn du diesen Ansatz wählst, Janoschs Rat, ein valides, eigenes Element zu benutzen. Stelle deinem bild bitte x- voran, wie es die Spezifikation für solche Anwendungsfälle vorsieht. Das ist alles.

Die Spezifikation sieht vor, dass selbst-definierte Elemente:

• mit einem Kleinbuchstaben beginnen und
• Einen Bindestrich enthalten

Das x-Präfix geht auf X-Tag von Mozilla zurück. Bei den Entwickelnden hat sich aber Polymer durchgesetzt, bis es von Lit abgelöst wurde.

Dafür ist replaceWith dein Freund. Beachte: replaceWith ersetzt das gesamte Element und nicht nur den Tag-Namen. Du musst als die Attribute aus x-bild auslesen und passend in img einfügen.

Alternativ kannst du auch das <img />-Element als Kind in dein Custom-Element einfügen. HTML Web Components sind eher geeignet Progressive Enhancement zu erreichen, d.h. der bessere Stil.

Gruß,