Bagaimana untuk menetapkan kotak input kepada baca sahaja dalam javascript-tutorial js-php.cn

Bagaimana untuk menetapkan kotak input kepada baca sahaja dalam javascript

青灯夜游

Lepaskan： 2021-12-08 17:38:01

asal

8842 orang telah melayarinya

Kaedah tetapan: 1. Gunakan pernyataan "document.getElementById(id)" untuk mendapatkan objek elemen input mengikut nilai id yang ditentukan 2. Gunakan "input object.setAttribute("readOnly", true )" untuk mendapatkan elemen input Tambah gaya baca sahaja.

Bagaimana untuk menetapkan kotak input kepada baca sahaja dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Dalam JavaScript, jika anda ingin menetapkan kotak input menjadi baca sahaja, anda hanya perlu menggunakan kaedah setAttribute() untuk menambah atribut baca sahaja --readOnly pada elemen input.

kaedah setAttribute() menambah atribut yang ditentukan dan memberikannya nilai yang ditentukan.

Sintaks:

element.setAttribute(attributename,attributevalue)

Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<input type="text" id="text" /><br><br>
		<input type="button" value="设为只读" id="btn" />
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn").onclick = function() {
				my("text").setAttribute("readOnly", true);
			}
		</script>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk menetapkan kotak input kepada baca sahaja dalam javascript

[Cadangan berkaitan: tutorial pembelajaran javascript 】

Atas ialah kandungan terperinci Bagaimana untuk menetapkan kotak input kepada baca sahaja dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!