So fügen Sie Klammern als Text in HTML mit Javascript

Question

Ich versuche, < und > Zeichen innerhalb meiner Variablen mit Javascript aber im Browser erscheint es nicht angezeigt werden. Wenn ich ein String-Literal wie "Hi" + variableName anfügen, funktioniert es gut, aber nicht mit den Zeichen. Ich habe es mit einfachen und doppelten Anführungszeichen beide versucht, aber kein Glück.

Dies war mein Versuch

document.getElementById("showInvalidEmailAddress").innerHTML = '<' + getEmailValue + '>'; 

Answer 1

Verwenden .textContent statt .innerHTML so, dass der Text nicht als HTML analysiert bekommt.

const el = document.getElementById("showInvalidEmailAddress"); 
el.textContent = '<' + getEmailValue + '>'; 

Wie Sie es getan haben, sah der Text wie ein Tag für den HTML-Parser.

---

Sie auch neue Vorlage Literale verwenden können:

el.textContent = `<${getEmailValue}>` 

Answer 2

, die ungültige HTML ist; Eine E-Mail-Adresse ist kein HTML-Tag.

Sie meinen .textContent.