innerHTML entfernt abschließenden Schrägstrich vom Bild-Tag

Question

Das ist sehr merkwürdig. Hier ist eine schnelle Testfunktion:

function test_function(){
    code = '<img src="http://www.myimage.com/img.jpg" alt="image" />';
    alert(code);
    document.getElementById('test').innerHTML = code;
    alert(document.getElementById('test').innerHTML);
}

Wenn Sie den obigen Code ausführen, wird Folgendes angezeigt /> in der ersten Meldung, aber in der zweiten Meldung nicht, sie zeigt nur > . Es sieht also so aus, dass die Bewerbung bei .innerHTML wird der Schrägstrich entfernt. Haben Sie eine Idee, wie man dies verhindern kann? Ich brauche den Schrägstrich für die Validierung.

Answer 1

Die zweite Meldung zeigt Ihnen lediglich, was der Browser als interne Darstellung Ihres Bildelements verwendet. Sie brauchen den Schrägstrich nicht für die Validierung, da es bei der Validierung immer um die Quelle Ihrer Seite geht. Validierer führen kein JavaScript aus, das dem DOM dynamisch Elemente hinzufügt.

Tatsächlich behandeln die meisten Browser XHTML intern genauso wie HTML und nicht als XML-Darstellung Ihres Dokuments. Nur wenn Sie Ihr XHTML-Dokument mit dem MIME-Typ application/xhtml+xml , einige Browser werden Ihre Seite mit dem XML-Parser darstellen.

Siehe auch Ian Hickson's Artikel .