HTML DOM querySelectorAll() 메서드는 HTML 문서의 매개변수에 지정된 특정 CSS 선택기와 일치하는 모든 요소를 반환합니다. 구문 다음은 구문입니다 - document.querySelectorAll(“CSS Selector”); 예시 querySelectorAll() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style> html{
DOM parentElement 속성은 HTML 문서에서 지정된 요소의 부모 요소를 반환합니다. 구문 다음은 구문입니다 - node.parentElement 예시 parentElement 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ text-a
HTML DOM parentNode 속성은 HTML 문서에서 지정된 노드의 부모 노드 개체를 반환합니다. 구문 다음은 구문입니다 - node.parentNode 예시 parentNode 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ text-al
HTML DOM select selectedIndex 속성은 HTML 문서의 드롭다운 목록에서 선택한 옵션의 인덱스를 반환하고 수정합니다. 구문 다음은 구문입니다 - selectedIndex 반환 object.selectedIndex selectedIndex 수정 object.selectedIndex = “number” 예시 HTML DOM select selectedIndex 속성의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head&g
HTML DOM select add() 메서드는 HTML 문서의 드롭다운 목록에 새 옵션을 추가합니다. 구문 다음은 구문입니다 - object.add(option,index) 예시 HTML DOM select add() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{
HTML DOM select remove() 메서드는 HTML 문서의 드롭다운 목록에서 새 옵션을 제거합니다. 구문 다음은 구문입니다 - object.remove(index) 여기서 index는 드롭다운 목록에서 제거할 옵션의 인덱스를 나타냅니다. 예시 HTML DOM select remove() 메소드의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> html{ height:100
HTML DOM 옵션 Object는 HTML 문서의 요소를 나타냅니다. 이제 옵션 개체를 만드는 방법을 살펴보겠습니다 - 구문 다음은 구문입니다 - document.createElement(“OPTION”); 속성 다음은 Object − 옵션의 속성입니다. 속성 설명 비활성화됨 옵션 요소의 비활성화 여부를 반환하고 수정합니다. 기본 선택 HTML 문서에서 옵션 요소의 기본값을 반환합니다. 양식 HTML 문서에서 옵션 요소를 포함하는 형식의 참조를 반환합니다. 색인 HTML 문서에서 옵션의 인덱스
HTML DOM 옵션 비활성화 속성은 옵션 요소의 비활성화 여부를 반환하고 수정합니다. 구문 다음은 구문입니다 - 1. 장애인 복귀 object.disabled 2. 수정 불가 object.disabled = true | false 예시 HTML DOM 옵션 비활성화 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> html{ height:100%;
HTML DOM 옵션 인덱스 속성은 HTML 문서에서 옵션의 인덱스 위치를 반환하고 수정합니다. 구문 다음은 구문입니다 - 인덱스 반환 object.index 색인 수정 object.index = “number” 예시 HTML 옵션 인덱스 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> html{ height:100%; &nb
DOM Progress Object는 HTML 문서의 요소를 나타냅니다. 진행 개체를 만들어 보겠습니다 - 구문 다음은 구문입니다 - document.createElement(“PROGRESS”); 속성 다음은 진행 개체의 속성입니다 - 속성 설명 최대 HTML 문서에서 진행 요소의 max 속성 값을 반환하고 변경합니다. 위치 HTML 문서에서 진행 요소의 position 속성 값을 반환한다. 레이블 HTML 문서에서 진행률 표시줄의 레이블 목록을 반환합니다. 값
HTML DOM 인용 개체는 HTML 문서의 요소를 나타냅니다. q 개체를 생성해 보겠습니다 - 구문 다음은 구문입니다 - document.createElement(“Q”); 속성 다음은 인용 개체의 속성입니다 - 속성 설명 인용 HTML 문서에서 인용 요소의 인용 속성 값을 반환하고 변경합니다. 예시 HTML DOM 인용 객체의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body
HTML DOM Samp 개체는 HTML 문서의 요소를 나타냅니다. 샘플 개체를 생성해 보겠습니다. − 구문 다음은 구문입니다 - document.createElement(“SAMP”); 예시 samp 객체의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-c
HTML DOM 섹션 개체는 HTML 문서의 요소를 나타냅니다. 섹션 개체를 생성해 보겠습니다. 구문 다음은 구문입니다 - document.createElement(“SECTION”); 예시 HTML DOM 섹션 객체의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body{ text-align:center; backgr
입력 날짜 양식 속성은 입력 날짜에 대한 둘러싸는 양식의 참조를 반환합니다. 구문 다음은 구문입니다 - 양식 에 대한 참조 반환 개체 inputDateObject.form 예시 입력 날짜의 예를 살펴보겠습니다. 양식 속성 - <!DOCTYPE html> <html> <head> <title>Input Date Form</title> </head> <body> <form id="formForDateInput"> Date S
HTML DOM 입력 날짜 이름 속성은 입력 날짜의 이름 속성인 문자열을 반환합니다. 사용자는 새 문자열로 설정할 수도 있습니다. 구문 다음은 구문입니다 - 문자열 값 반환 inputDateObject.name 이름 설정 문자열 값에 대한 속성 inputDateObject.name = ‘String’ 예시 입력 날짜 이름 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <title>Input Date Name</ti
HTML DOM 입력 날짜 최대 속성은 입력 날짜 유형의 최대 속성을 반환/설정합니다. 구문 다음은 구문입니다 - 문자열 값 반환 inputDateObject.max 최대 설정 문자열 값으로 inputDateObject.max = YYYY-MM-DD 문자열 값 여기, YYYY-MM-DD 는 다음과 같을 수 있습니다. - 문자열 값 세부정보 YYYY 연도를 정의합니다(예:1998) MM 월을 정의합니다(예:5월의 경우 05) DD 요일을 정의합니다(예:24) 예시 최대 입력 날짜 의 예를 살펴보겠습니다.
HTML DOM 입력 날짜 최소 속성은 입력 날짜 유형의 최소 속성을 반환/설정합니다. 구문 다음은 구문입니다 - 문자열 값 반환 inputDateObject.min 최소값을 문자열 값으로 설정 inputDateObject.min = YYYY-MM-DD 문자열 값 여기 YYYY-MM-DD 다음과 같을 수 있습니다 - 문자열 값 세부정보 YYYY 연도를 정의합니다(예:1998) MM 월을 정의합니다(예:5월의 경우 05) DD 요일을 정의합니다(예:24) 예시 최소 입력 날짜의 예를 살펴보겠습니다. 속성 -
HTML DOM 입력 날짜 개체는 날짜 유형의 입력 HTML 요소를 나타냅니다. 구문 다음은 구문입니다 - 생성 날짜 유형 var dateObject = document.createElement(“input”); dateObject.type = “date”; 속성 여기, dateObject 다음과 같은 속성을 가질 수 있습니다 - 속성 설명 자동완성 날짜 필드의 자동 완성 속성 값을 정의합니다. 자동 초점 날짜 필드가 초기 페이지 로드에 초점을 맞춰야 하는지 정의합니다. 기
HTML DOM 입력 날짜 readOnly 속성은 입력 날짜를 수정할 수 있는지 여부를 설정/반환합니다. 구문 다음은 구문입니다 - 부울 값 반환 - true/false inputDateObject.readOnly 읽기 전용 설정 booleanValue로 inputDateObject.readOnly = booleanValue 부울 값 여기서 booleanValue는 다음과 같을 수 있습니다. - 부울 값 세부정보 사실 입력 날짜가 읽기 전용임을 정의합니다. 거짓 입력 날짜가 읽기 전용이 아니며 수정할 수 있음을 정의
HTML DOM 입력 날짜 필수 속성은 입력 날짜를 필수로 설정해야 하는지 여부를 결정합니다. 구문 다음은 구문입니다 - 부울 값 반환 - true/false inputDateObject.required booleanValue에 필요한 설정 inputDateObject.required = booleanValue 부울 값 여기 booleanValue 다음과 같을 수 있습니다 - 부울 값 세부정보 사실 양식을 제출할 날짜 필드를 필수로 설정하도록 정의합니다. 거짓 기본값이며 날짜 필드 설정은 필수가 아닙니다. 예시