자바스크립트에서 입력 상자를 읽기 전용으로 설정하는 방법-JS 튜토리얼-php.cn

자바스크립트에서 입력 상자를 읽기 전용으로 설정하는 방법

青灯夜游

풀어 주다： 2021-12-08 17:38:01

원래의

8841명이 탐색했습니다.

설정 방법: 1. "document.getElementById(id)" 문을 사용하여 지정된 id 값에 따라 입력 요소 객체를 얻습니다. 2. "input object.setAttribute("readOnly", true)" 문을 사용하여 입력 요소에 읽기 전용 스타일을 추가합니다.

자바스크립트에서 입력 상자를 읽기 전용으로 설정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서 입력 상자를 읽기 전용으로 설정하려면 setAttribute() 메서드를 사용하여 읽기 전용 속성 --readOnly를 입력 요소에 추가하기만 하면 됩니다.

setAttribute() 메소드는 지정된 속성을 추가하고 지정된 값을 할당합니다.

문법:

element.setAttribute(attributename,attributevalue)

로그인 후 복사

예:

<!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>

로그인 후 복사

자바스크립트에서 입력 상자를 읽기 전용으로 설정하는 방법