Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menetapkan kotak input kepada baca sahaja dalam javascript
Bagaimana untuk menetapkan kotak input kepada baca sahaja dalam javascript
- 青灯夜游asal
- 2021-12-08 17:38:018962semak imbas
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.
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)
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>
[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!