HTML DOM 입력 범위 개체는 "범위" 유형의요소와 연결됩니다. createElement() 및 getElementById() 메소드를 사용하여 각각 range 유형의 입력 요소를 생성하고 액세스할 수 있습니다.

속성

다음은 입력 범위 개체의 속성입니다.

Methods

다음은 비밀번호 개체의 메서드입니다.

예

입력 범위 개체의 예를 살펴보겠습니다.

Demonstration

    
  
Input range object
 
Create an input field with type range by clicking the below button
 CREATE 

 VOLUME:  

Output

그러면 다음과 같은 출력이 생성됩니다. −

CREATE 버튼을 클릭합니다.

at 위의 예에서 −

CREATE라는 버튼을 만들었습니다. 이 버튼은 사용자가 클릭할 때 rangeCreate() 메서드를 실행합니다. −

CREATE

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!