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

Detaillierte Erklärung zur Verwendung des Schlüsselworts ESCAPE in MySQL

MySQL-Escape Escape bedeutet die ursprüngliche Se...

MP3- oder Flashplayer-Code auf der Webseite abspielen

Code kopieren Der Code lautet wie folgt: <Obje...

Einige wunderbare Verwendungsmöglichkeiten von URL-Objekten in JavaScript

Inhaltsverzeichnis Vorwort Parameter analysieren ...

Leistung des Node+Express-Testservers

Inhaltsverzeichnis 1 Testumgebung 1.1 Server-Hard...

Navicat für MySql Visueller Import von CSV-Dateien

In diesem Artikel wird der spezifische Code von N...

Installieren Sie JDK1.8 in einer Linux-Umgebung

Inhaltsverzeichnis 1. Installationsumgebung 2. In...

Zehn beliebte Regeln für das Interface-Design

<br />Dies ist ein Artikel, den ich vor lang...

Was Sie über Responsive Design wissen müssen

Responsive Design bedeutet, während des Website-E...

JavaScript-Canvas zum Erzielen eines Code-Rain-Effekts

In diesem Artikel wird der spezifische Code für C...

Einführung in die Vue-Grundlagen: Installation und Verwendung von Vuex

Inhaltsverzeichnis 1. Was ist vuex 2. Installatio...

5 Möglichkeiten, Ihre JavaScript-Codebasis sauberer zu machen

Inhaltsverzeichnis 1. Verwenden Sie Standardparam...