Objek Julat Input DOM HTML-html tutorial-php.cn

Objek Julat Input DOM HTML

王林

Lepaskan： 2023-08-28 16:01:09

ke hadapan

1545 orang telah melayarinya

HTML DOM objek julat input dikaitkan dengan elemen Kita boleh menggunakan kaedah createElement() dan getElementById() untuk mencipta dan mengakses elemen input julat jenis masing-masing.

Attributes

Berikut ialah atribut objek skop Input:

#🎜🎜🎜##🎜 1##🎜🎜🎜🎜 🎜🎜## 🎜🎜#autofocus#🎜🎜🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan sama ada kawalan peluncur julat memperoleh fokus secara automatik apabila halaman dimuatkan. 58Min#🎜##🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat minimum kawalan gelangsar. Nama#🎜##🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat Nama kawalan gelangsar. #🎜🎜 #nilai#🎜🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat Nilai kawalan gelangsar. Nombor siriMengurangkan nilai kawalan peluncur dengan nombor yang diberikan. Ini akan menghasilkan output berikut −

Properties and Description
Tetapkan atau kembalikan nilai sifat autolengkap bagi kawalan julat.	2
	3 defaultValue#🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai lalai bagi kawalan peluncur julat.
4	kurang upaya#🎜##🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan sama ada kawalan gelangsar dilumpuhkan.
form#🎜##🎜🎜🎜🎜🎜🎜🎜 Mengembalikan rujukan kepada borang yang mengandungi kawalan gelangsar.	6 #🎜🎜 #Senarai#🎜##🎜🎜🎜🎜🎜🎜🎜 Mengembalikan rujukan kepada senarai data yang mengandungi kawalan gelangsar.
	7#🎜🎜 #Max#🎜##🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat maksimum kawalan gelangsar.
	9
	10 #🎜🎜 #Langkah#🎜🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat langkah kawalan gelangsar.
11	#🎜🎜🎜#Jenis####🎜🎜🎜🎜🎜 Mengembalikan jenis elemen bentuk kawalan gelangsar. 12
	kaedah Berikut ialah kaedah objek kata laluan🎜: #🎜 ##🎜 🎜#
Kaedah dan penerangan	#🎜🎜🎜##🎜 1 stepDown()
	2 stepUp()#🎜🎜🎜🎜🎜 🎜#Meningkatkan nilai kawalan gelangsar dengan nombor yang diberikan.
	Contoh Mari kita lihat contoh objek: # 🎜 # Demo <!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> Salin selepas log masuk Output

#🎜🎜 🎜# Klik butang BUAT −

Dalam contoh di atas − kami mencipta butang yang dipanggil CREATE Kaedah rangeCreate() akan dilaksanakan apabila diklik −rangeCreate() kaedah menggunakan kaedah createElement() objek dokumen untuk mencipta elemen dengan menghantar "INPUT" sebagai parameter. Elemen input yang baru dibuat diberikan kepada pembolehubah R dan atribut jenis dengan julat nilai dicipta menggunakan kaedah setAttribute(). Ingat, setAttribute() mencipta atribut dan kemudian memberikan nilai jika atribut itu tidak wujud. tidak wujud sebelum ini. Akhir sekali, menggunakan kaedah appendChild() pada badan dokumen, kami menambahkan elemen input julat jenis sebagai elemen anak badan -

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "range");
   document.body.appendChild(R);
}

Salin selepas log masuk

	<button onclick="rangeCreate()">CREATE</button> Salin selepas log masuk

Atas ialah kandungan terperinci Objek Julat Input DOM HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!