Hinweise zur Verwendung von Textarea

Hinweise zur Verwendung von Textarea
Warum speziell Textbereich erwähnen? Denn der Textarea-Knoten ist tatsächlich etwas ganz Besonderes. Da dieser Knoten speziell ist, wird er im Internet Explorer und anderen Browsern unterschiedlich interpretiert.

Ich werde euch noch eine Weile auf die Folter spannen, haha! Tatsächlich war der Hauptgrund, dass ich heute einem älteren Bruder geholfen habe, einen Fehler zu beheben. Genauer gesagt, weil beim Abrufen und Einfügen von Daten vom Server in den Textbereich ein Fehler aufgetreten ist. Diese Situation trat nur im Internet Explorer auf. Andere Browser sind alle normal!

Erstens: Was ist das Besondere an Textbereichen? In allen Formular-Plugins wird der Wert von Textarea zwischen zwei öffnenden und schließenden Tags geschrieben, sodass sein Wert aus der DOM-Perspektive als Textknoten betrachtet werden kann, was für Textareas einzigartig ist. Dank dieser Funktion können Sie den Text des Textbereichs immer noch ändern, wenn Sie den Wert seines innerHTML ändern. Obwohl der IE dies unterstützt, ist eines nicht möglich: das dynamische Einfügen einiger HTML-Tags.

Sie könnten auch ein Experiment machen:

Beim Einfügen eines HTML-Codes über JS in IE wird das Attribut innerHTML anstelle von value oder innerText verwendet.

Ich habe IE9+ nicht getestet, aber IE6, 7 und 8 melden alle Fehler.

Aus Sicherheitsgründen ist es JS wahrscheinlich nicht gestattet, HTML dynamisch in den Textbereich einzufügen. Wer jedoch vorsichtig ist, stellt möglicherweise fest, dass der Textbereich den HTML-Code akzeptiert, wenn er manuell eingegeben wird. Ich glaube, hier hat es tatsächlich einen solchen Prozess gegeben: Charakterflucht. Ja, dies ist der einzige Grund, der den Erfolg der manuellen Eingabe des HTML-Codes erklären kann.

Warum müssen wir meiner Meinung nach bei der Durchführung von JS-Operationen immer noch das Attribut innerHTML verwenden, wenn doch die Textbereiche so vieler Browser die HTML-Anzeige nicht unterstützen? Das heißt, egal, ob Sie zum Einfügen von HTML-Code einen Wert oder innerHTML zum Einfügen von HTML-Code verwenden, dieser wird nach der Analyse nicht angezeigt (deshalb gibt es Rich-Text-Editoren anstelle von Textarea). Warum also nicht einen Wert zum Festlegen des Werts von Textarea verwenden?

Daher denke ich, dass der Wert des Textbereichs nicht über innerHTML festgelegt werden sollte (aufgrund von Firefox ist es natürlich noch unwahrscheinlicher, dass es sich um innerText handelt), sondern über den Wert. Dies ist etwas, worauf Entwickler achten sollten. Denn manche der Codes, die ich in letzter Zeit gesehen habe, verwenden immer gerne innerHTML. Eigentlich glaube ich, dass alles von der Situation abhängt.

<<:  Vollständige Schritt-für-Schritt-Anleitung zur Installation und Deinstallation von MySQL 8.0.26

>>:  Eine großartige Sammlung von Lernressourcen zu Webstandards

Artikel empfehlen

Schreiben eines Schere-Stein-Papier-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...

Vue3-Zeitstempelkonvertierung (ohne Verwendung von Filtern)

Wenn vue2 Zeitstempel konvertiert, verwendet es i...

Beispiel für die Konfiguration mehrerer virtueller Hosts in nginx

Es ist sehr praktisch, den virtuellen Host vhost ...

Zusammenfassung der MySQL-Tabellen- und Spaltenkommentare

Genau wie bei Code können Sie den Tabellen und Sp...

HTML-Zeichnungsbenutzer-Registrierungsseite

In diesem Artikel wird der spezifische Implementi...

Was ist ein MySQL-Tablespace?

Das Thema, das ich heute mit Ihnen teilen möchte,...

Vue realisiert einen dynamischen Fortschrittsbalkeneffekt

In diesem Artikelbeispiel wird der spezifische Co...