Heim > Artikel > Web-Frontend > HTML-DOM-Eingabebereichsobjekt
HTML-DOM-Eingabebereichsobjekt
- 王林nach vorne
- 2023-08-28 16:01:091343Durchsuche
HTML-DOM-Eingabebereichsobjekte sind mit d5fd7aea971a85678ba271703566ebfd-Elementen vom Typ „range“ verknüpft. Wir können die Methoden createElement() und getElementById() verwenden, um Eingabeelemente vom Typ Bereich zu erstellen und darauf zuzugreifen.
Eigenschaften
Das Folgende sind die Eigenschaften des Eingabebereichsobjekts:
| Seriennummer | Eigenschaften und Beschreibungen |
|---|---|
| 1 |
Autovervollständigung Set oder geben Sie den Autocomplete-Eigenschaftswert von zurück die Reichweitenkontrolle. |
| 2 |
Autofokus Legt fest oder gibt zurück, ob das Bereichsschieberegler-Steuerelement beim Laden der Seite automatisch den Fokus erhält. |
| 3 |
defaultValue Legen Sie den Standardwert des Bereichsschieberegler-Steuerelements fest oder geben Sie ihn zurück. |
| 4 |
disabled Legt fest oder gibt zurück, ob die Schiebereglersteuerung deaktiviert ist. |
| 5 |
form Gibt einen Verweis auf das Formular zurück, das das Schieberegler-Steuerelement enthält. |
| 6 |
List Gibt einen Verweis auf die Datenliste zurück, die das Schieberegler-Steuerelement enthält. |
| 7 |
Max Legen Sie den maximalen Attributwert des Schiebereglers fest oder geben Sie ihn zurück. |
| 8 |
Min Legt den minimalen Eigenschaftswert des Schiebereglers fest oder gibt ihn zurück. |
| 9 |
Name Legen Sie den Namensattributwert des Schiebereglers fest oder geben Sie ihn zurück. |
| 10 |
Schritt Legen Sie den Schrittattributwert des Schiebereglers fest oder geben Sie ihn zurück. |
| 11 |
Type Gibt den Formularelementtyp des Schiebereglers zurück. |
| 12 |
Wert Legen Sie den Wert der Eigenschaftswert des Schiebereglers fest oder geben Sie ihn zurück. |
Methoden
Das Folgende sind die Methoden des Passwortobjekts:
| Seriennummer | Methode und Beschreibung |
|---|---|
| 1 | stepDown() Verringern um die angegebene Zahl Der Wert des Schiebereglers. |
| 2 |
stepUp() Erhöht den Wert des Schiebereglers um die angegebene Zahl. ??
|
wir haben eine Schaltfläche namens CREATE erstellt, die die Methode rangeCreate() ausführt, wenn der Benutzer auf klickt −
<!DOCTYPE html>
<html>
<head>
<script>
function rangeCreate() {
var R = document.createElement("INPUT");
R.setAttribute("type", "range");
document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input range object</h1>
<p>Create an input field with type range by clicking the below button</p>
<button onclick="rangeCreate()">CREATE</button>
<br><br>
VOLUME:
</body>
</html>Die Methode rangeCreate() verwendet die Methode createElement() des Dokumentobjekts, indem sie „ INPUT“ als Parameter zum Erstellen des
-Elements. Mit der Methode setAttribute() wird das neu erstellte Eingabeelement der Variablen R zugewiesen und ein Typattribut mit Wertebereich erstellt. Denken Sie daran, dass setAttribute() das Attribut erstellt und dann den Wert zuweist, wenn das Attribut nicht vorhanden ist. Gab es vorher nicht. Schließlich hängen wir mit der Methode appendChild() am Dokumentkörper die Eingabeelemente des Typbereichs als untergeordnete Elemente des Körpers an -<button onclick="rangeCreate()">CREATE</button>
Das obige ist der detaillierte Inhalt vonHTML-DOM-Eingabebereichsobjekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!