3 stellen-id ' s der beiden Textfelder als textbox_1 und textbox_2 und setzen onclick='onCLickButton();' auf die
Zum Beispiel:
const name = "";
Aus diesem Grund wird empfohlen, innerHTML nicht zum Einfügen von reinem Text zu verwenden. Verwenden Sie stattdessen textContent. Der übergebene Inhalt wird nicht als HTML-Code analysiert, sondern als reiner Text eingefügt. Warnung: Wenn Ihr Projekt einer Sicherheitsüberprüfung unterzogen wird, führt die Verwendung von innerHTML höchstwahrscheinlich dazu, dass Ihr Code abgelehnt wird. Wenn Sie beispielsweise innerHTML in einer Browsererweiterung verwenden und die Erweiterung bei einreichen, wird sie den automatisierten Überprüfungsprozess nicht bestehen. Beispiel In diesem Beispiel wird mit innerHTML ein Mechanismus zum Protokollieren von Nachrichten in einem Feld auf einer Webseite erstellt. JavaScript function log ( msg) {
var logElem = document. querySelector ( "");
var time = new Date ();
var timeStr = time. Javascript text einfügen tutorial. toLocaleTimeString ();
logElem. innerHTML += timeStr + ": " + msg + "
";}
log ( "Logging mouse events inside this container... ");
Die Funktion log() erstellt die Protokollausgabe, indem sie mithilfe von toLocaleTimeString() die aktuelle Uhrzeit aus einem Date -Objekt abruft und einen String aus dem Zeitstempel und dem Nachrichtentext erstellt.
Das bedeutet insbesondere, dass Ihr Quellcode auch durch die Fehlerbehandlung des HTML-Interpreters beeinflusst wird, was zu unvorhergesehenen Effekten führen kann. Ein automatisches Schließen von HTML-Elementen durch den Browser ist ein offensichtliches Beispiel, das zu unerwünschten Ergebnissen führen kann: function Zählen () { document. getElementById ( "Liste"). innerHTML = ""; for ( let i = 1; i <= 10; i ++) { document. innerHTML += "
Wenn das Element, dessen Inhalt ersetzt wird, ein -Element ist, wird das Attribut content (en-US) des Elements durch das neue DocumentFragment ersetzt, welches in Schritt 1 erstellt wurde. Bei allen anderen Elementen wird der Inhalt des Elements durch die Knoten im neuen DocumentFragment ersetzt. Sicherheitsüberlegungen Es ist nicht ungewöhnlich, dass innerHTML zum Einfügen von Text in eine Webseite verwendet wird. Es besteht jedoch die Möglichkeit, dass dies zu einem Angriffsvektor auf einer Website wird, wodurch ein potenzielles Sicherheitsrisiko entsteht. const name = "John"; el. innerHTML = name; name = ""; Obwohl dies wie ein cross-site scripting -Angriff aussieht, ist das Ergebnis harmlos. HTML5 schreibt vor, dass ein mit innerHTML eingefügtes