HTML DOM 입력 범위 객체
- 王林앞으로
- 2023-08-28 16:01:091520검색
HTML DOM 입력 범위 개체는 "범위" 유형의 d5fd7aea971a85678ba271703566ebfd 요소와 연결됩니다. createElement() 및 getElementById() 메소드를 사용하여 각각 range 유형의 입력 요소를 생성하고 액세스할 수 있습니다.
속성
다음은 입력 범위 개체의 속성입니다.
| 일련 번호 | 속성 및 설명 |
|---|---|
| 1 |
autocomplete 자동 완성 속성 값을 반환합니다. 범위 제어. |
| 2 |
autofocus 페이지가 로드될 때 범위 슬라이더 컨트롤이 자동으로 포커스를 받을지 여부를 설정하거나 반환합니다. |
| 3 |
defaultValue 범위 슬라이더 컨트롤의 기본값을 설정하거나 반환합니다. |
| 4 |
disabled 슬라이더 컨트롤의 비활성화 여부를 설정하거나 반환합니다. |
| 5 |
form 슬라이더 컨트롤이 포함된 양식에 대한 참조를 반환합니다. |
| 6 |
List 슬라이더 컨트롤이 포함된 데이터 목록에 대한 참조를 반환합니다. |
| 7 |
Max 슬라이더 컨트롤의 최대 속성 값을 설정하거나 반환합니다. |
| 8 |
Min 슬라이더 컨트롤의 최소 속성 값을 설정하거나 반환합니다. |
| 9 |
Name 슬라이더 컨트롤의 이름 속성 값을 설정하거나 반환합니다. |
| 10 |
Step 슬라이더 컨트롤의 단계 속성 값을 설정하거나 반환합니다. |
| 11 |
Type 슬라이더 컨트롤의 양식 요소 유형을 반환합니다. |
| 12 |
value 슬라이더 컨트롤의 value 속성 값을 설정하거나 반환합니다. |
Methods
다음은 비밀번호 개체의 메서드입니다.
| Serial Number | Method and Description |
|---|---|
| 1 | stepDown() 감소율 주어진 숫자 슬라이더 컨트롤의 값. |
| 2 |
stepUp() 슬라이더 컨트롤의 값을 주어진 숫자만큼 증가시킵니다. |
예
입력 범위 개체의 예를 살펴보겠습니다.
Demonstration
<!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> Output
그러면 다음과 같은 출력이 생성됩니다. −
CREATE 버튼을 클릭합니다.
at 위의 예에서 −
CREATE라는 버튼을 만들었습니다. 이 버튼은 사용자가 클릭할 때 rangeCreate() 메서드를 실행합니다. −
<button onclick="rangeCreate()">CREATE</button>
rangeCreate() 메서드는 "를 전달하여 문서 개체의 createElement() 메서드를 사용합니다. INPUT'을 매개변수로 사용하여 요소를 생성합니다. 새로 생성된 입력 요소는 변수 R에 할당되고 값 범위가 있는 유형 속성은 setAttribute() 메서드를 사용하여 생성됩니다.
기억하세요. setAttribute()는 속성을 생성한 다음 속성이 없으면 값을 할당합니다. 이전에는 존재하지 않았습니다. 마지막으로 문서 본문에서appendChild() 메서드를 사용하여 유형 범위의 입력 요소를 본문의 하위 요소로 추가합니다. -
function createPASS() {
var R = document.createElement("INPUT");
R.setAttribute("type", "range");
document.body.appendChild(R);
}위 내용은 HTML DOM 입력 범위 객체의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!