<시간/> HTML DOM select Object는 HTML 문서의 요소를 나타냅니다. 선택 개체를 만드는 방법을 살펴보겠습니다. 구문 다음은 구문입니다 - document.createElement(“SELECT”); 속성 다음은 Select Object의 속성입니다 - 속성 설명 자동 초점 페이지를 로드할 때 드롭다운 목록에 포커스를 둘지 여부를 반환하고 수정합니다. 비활성화됨 드롭다운 목록이 비활성화되었는지 여부를 반환하고 수정합니다. 길이 HTML 문서의 드롭다운 목록 내 요소의 수를 반환합니다. 양식 HTML 문서의 드롭다운 목록이 포함된 양식의 참조를 반환합니다. 다중 드롭다운 목록에서 여러 옵션을 선택할 수 있는지 여부를 반환하고 수정합니다. 이름 드롭다운 목록의 name 속성 값을 반환하고 변경합니다. 크기 드롭다운 목록의 크기 속성 값을 반환하고 변경합니다. 유형 드롭다운 목록의 type 속성 값을 반환합니다. 값 드롭다운 목록의 값 속성의 내용을 반환하고 수정합니다. 선택된 인덱스 HTML 문서의 드롭다운 목록에서 선택한 옵션의 인덱스를 반환하고 수정합니다. 방법 다음은 방법입니다 - 메소드 설명 추가() HTML 문서의 드롭다운 목록에 새 옵션을 추가합니다. 제거() HTML 문서의 드롭다운 목록에서 새 옵션을 삭제합니다. checkValidity() HTML 문서에서 드롭다운 목록의 유효성을 검사합니다. 예시 HTML DOM 선택 객체의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; } h1{ color:#23CE6B; } .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } </style> </head> <body> <h1>DOM select Object Demo</h1> <button onclick="createDropDownList()" class="btn">Create a drop-down list</button> <script> function createDropDownList() { var dropDown = document.createElement("SELECT"); dropDown.innerHTML="<option>CAKE</option><option>PIZZA<option><option>BURGER</option>"; document.body.appendChild(dropDown); } </script> </body> </html> 이것은 다음과 같은 출력을 생성합니다 - '드롭다운 목록 만들기를 클릭합니다. 드롭다운 목록 만들기' 버튼을 눌러 드롭다운 목록을 만듭니다. HTML DOM 비활성화된 속성 선택 HTML DOM 입력 숫자 최소 속성 HTML HTML DOM 이미지 객체 HTML DOM iFrame 개체 HTML DOM HTML 개체 HTML DOM 객체 선택 HTML DOM 섹션 객체 컴퓨터 HTML DOM 샘플 개체 HTML DOM 인용 객체 HTML DOM 진행 객체 HTML DOM 옵션 개체 HTML DOM 사전 개체 C 프로그래밍 C++ Redis BASH 프로그래밍 Python Java 데이터 베이스 HTML JavaScript 프로그램 작성 CSS Ruby SQL IOS Android MongoDB MySQL C# PHP SQL Server 저작권 © https://kr.wsxdn.com 모든 권리 보유