Html | DOM -Element inhaltliche Eigenschaft

Html | DOM -Element inhaltliche Eigenschaft
Oft müssen wir Dinge auf der Website ändern, um zu sehen, wie es aussieht. In einem solchen Fall kann es erforderlich sein, Elemente bearbeitbar zu machen. Um dies zu tun, das HTML -Dom “zufriedenbarElement kann verwendet werden. Dieses Element wird als Attribut im HTML -Element verwendet. Darüber hinaus kann das Element, das diesem Attribut zugeordnet ist, auf der Webseite bearbeitet oder geändert werden.

Diese Beschreibung bietet eine Anleitung zur inhaltlichen Eigenschaft HTML-DOM-Elemente.

Wie man ein Element in HTML bearbeitbar macht?

Die HTML "zufriedenbarDie Eigenschaft wird verwendet, um festzustellen, ob der Inhalt des Elements bearbeitbar ist oder nicht. Diese Eigenschaft gibt einen Booleschen Wert zurück, bei dem die “WAHR"Wert bedeutet, dass das Element bearbeitet werden kann und das"FALSCH”Zeigt an, dass der Inhalt nicht bearbeitet werden kann. Diese Eigenschaft kann mit jedem Element verwendet werden.

Beispiel: So fügen Sie in HTML -Elementen das Attribut "inhaltlich" hinzu?
Geben Sie in HTML zunächst ein Überschriftenelement an

eine Überschrift in das Dokument aufnehmen. Fügen Sie dann eine HTML hinzu

Element, die den Attributen zugeordnet sind:

  • Ausweis: Dieses Attribut wird verwendet, um das Element, auf das in CSS und JavaScript zugegriffen wird, eindeutig zu identifizieren.
  • zufriedenbar: Ein Attribut, das bedeutet, ob das HTML -Element bearbeitet werden kann oder nicht. Es ist ein boolescher Attribut.

Endlich noch einen hinzufügen

Element mit der ID “Ergebnis”, Die nach der JavaScript -Manipulation angezeigt wird:

HTML zufriedenbares Eigentum


Kann ich diesen Absatz bearbeiten??


Wenden wir JavaScript an, um den Wert des inhaltlichen Attributs mit Hilfe des "anzuzeigen"zufriedenbar" Eigentum.

JavaScript

Hier ist die Erläuterung des oben genannten Code:

  • Erstellen Sie innerhalb des HTML -Elements eine Variable “antworten"Verwenden des Schlüsselworts"var”.
  • Dann holen Sie das Element mit der ID “para"Und machen Sie es bearbeitbar mit dem"zufriedenbar" Eigentum.
  • Um den booleschen Wert der zufriedenbaren Eigenschaft in die zu betten

    Element mit der ID "Ergebnis" geben Sie die “an"dokumentieren.GetElementById ()”Funktion mit der ID der

    Tag als Parameter.

  • Der "Innerhtml”Eigenschaften gibt zurück oder gibt den HTML -Inhalt eines Elements an, in dem das Ergebnis eingebettet werden muss.
  • Der Wert der “antworten"Variable wird dem Element mit der ID zugewiesen" zugewiesen "Ergebnis”.

Es ist zu sehen, dass das Absatzelement jetzt bearbeitet werden kann:

Wenden wir einige CSS -Eigenschaften auf die HTML an, wie oben erwähnt.

Stil „Inhalt“ div

.Inhalt
Breite: 500px;
Höhe: 170px;
Hintergrundfarbe: #f89e9e;
Rand: 0 Auto;
Polsterung: 12px;

Das DIV -Element mit dem Klassennamen “Inhalt”Wird mit den folgenden CSS -Eigenschaften angewendet:

  • BreiteEigenschaft bestimmt die Breite des Elements.
  • Höhe”Passt die Höhe des Elements an.
  • Hintergrundfarbe”Wendet eine Farbe auf den Hintergrund des Elements an.
  • Rand"Mit dem Wert festgelegt als"0 Auto”Identifiziert keinen Platz auf dem oberen Boden und dem gleichwertigen Raum auf der linken und rechten Seite des Elements.
  • PolsterungDie Eigenschaft fügt Platz auf allen Seiten des Inhalts des Elements oder innerhalb des Randes hinzu.

Stil „H2“ Element

H2
Hintergrundfarbe: #f06f6f;
Polsterung: 5px;

Der "Hintergrundfarbe" Und "PolsterungEigenschaften funktionieren wie oben beschrieben.

Stil "P" Element

.Inhalt p
Schriftgröße: 24px;
Hintergrundfarbe: #EB7C7C;
Polsterung: 2px;
Cursor: Zeiger;

Im Folgenden finden Sie die Eigenschaften, die auf die angewendet werdenP"Element der"Inhalt”Div:

  • SchriftgrößeEigenschaft legt die Schriftgröße des Elements fest.
  • Mauszeiger”Eigenschaft mit dem Wert“Zeiger”Setzt den Cursor als Hand mit einem zeigenden Finger.

Hier ist der letzte Blick auf die oben erstellte Seite:

Beispiel: Das Attribut „Intasteditable“ mit dem Wert „Falsch“
Unten angegebener Code gibt an, dass der Wert der “zufriedenbar"Attribut wird als" festgelegt "FALSCH”:

Kann ich diesen Absatz bearbeiten??

Aus der angegebenen Ausgabe kann überprüft werden, dass das Element nicht bearbeitet werden kann:

So funktioniert die zufriedene Immobilie.

Abschluss

In HTML die “zufriedenbarDas Attribut wird verwendet, um die Elemente bearbeitbar zu machen. Es ist ein boolescher Attribut mit einem wahren oder falschen Wert. Der "zufriedenbarDie Eigenschaft in JavaScript kann verwendet werden, um auf den Wert dieses Attributs zuzugreifen. Dieser Blog leitete sich mit Beispielen zum HTML -DOM -DOM -Element -Inhaltseigenschaften.