HTML DOM 입력 숫자 유형 속성은 해당 유형이 숫자인 입력 요소와 연결됩니다. 입력된 숫자 요소에 대해 항상 숫자를 반환합니다. 구문 다음은 숫자 유형 속성의 구문입니다 - numberObject.type 예시 HTML DOM 입력 숫자 유형 속성의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <body> <h1>Input Number type property</h1> PHONE NO: <input type="number" i
HTML DOM 입력 숫자 값 속성은 type=”Number”이고 value 속성이 있는 입력 요소와 연결됩니다. 이 속성은 입력 요소 값 속성의 값을 반환하거나 설정하는 데 사용됩니다. 이 속성은 요소의 기본값을 지정하는 데 사용되며 해당 값을 사용자 입력으로 변경하기도 합니다. 구문 다음은 −의 구문입니다. 값 속성 설정 - numberObject.value = number; 여기서 숫자는 숫자 필드의 값을 지정하는 데 사용됩니다. 예시 입력 숫자 값 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE h
HTML DOM 입력 Password autofocus 속성은 HTML 요소의 autofocus 속성과 연결됩니다. 이 속성은 페이지가 로드될 때 입력된 비밀번호 필드에 자동으로 포커스가 맞춰져야 하는지 여부를 설정하거나 반환하는 데 사용됩니다. 구문 다음은 − 구문입니다. 자동 초점 속성 설정 - passwordObject.autofocus = true|false 여기서 true는 암호 필드에 포커스가 있어야 함을 나타내고 false는 그렇지 않으면 나타냅니다. 기본적으로 false로 설정되어 있습니다. 예시 Input
HTML DOM Form name 속성은 form 요소의 name 속성과 연결됩니다. 양식 이름 속성은 양식 이름 속성 값을 설정하거나 가져오는 데 사용됩니다. 양식 이름 속성은 양식에 이름을 부여합니다. 구문 다음은 −의 구문입니다. 양식 이름 설정 - formObject.name = name 여기에서 이름은 양식의 이름을 지정합니다. 예시 Form name 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> f
HTML DOM Form 객체는 HTML 요소와 연결됩니다. 문서 개체의 createElement() 및 getElementById() 메서드를 사용하여 양식 요소를 만들고 액세스할 수 있습니다. form 객체의 다양한 속성을 설정할 수 있고 얻을 수도 있습니다. 속성 다음은 Form 개체 속성입니다 - 속성 설명 문자 집합 수락 양식에 accept-charset 속성 값을 설정하거나 반환합니다. 액션 양식의 작업 속성 값을 설정하거나 반환하려면 자동 완성 양식의 자동 완성 속성 값을 설정하거나 반환합니다. 인코딩 en
HTML DOM Geolocation 좌표 속성은 사용자의 장치 위치와 지구 고도를 가져오는 데 사용됩니다. 사용자는 이 속성이 작동하기 전에 좌표 제공을 승인해야 합니다. 이는 사용자의 개인 정보가 손상되지 않도록 하기 위한 것입니다. 다양한 기기의 위치를 추적하는 데 사용할 수 있습니다. 속성 다음은 위치 속성입니다 - 참고 − 아래 속성은 읽기 전용입니다. − 속성 설명 위치 좌표 지구에서 장치의 위도, 경도, 고도 및 속도와 같은 정보가 있는 좌표 개체를 반환합니다. 또한 측정값이 미터 단위로 얼마나 정확한지를 설
HTML DOM getAttribute() 메서드는 특정 HTML 요소와 관련된 속성을 가져오거나 설정하는 데 사용됩니다. 요소에 지정된 속성이 포함되어 있지 않으면 null 또는 빈 문자열을 반환합니다. 구문 다음은 getAttribute() 메소드의 구문입니다 - element.getAttribute(attributename) 여기에서 attributename은 문자열 유형이며 필수 매개변수입니다. 값을 얻으려는 속성 이름을 나타냅니다. 예시 getAttribute() 메소드의 예를 살펴보겠습니다 - <!DOCTYPE
HTML DOM getAttributeNode()는 주어진 요소 속성 노드를 Attr 객체로 반환하는 데 사용됩니다. 다양한 Attr 개체 속성과 메서드를 사용하여 속성을 조작할 수 있습니다. 구문 다음은 getAttributeNode() 메서드의 구문입니다. - element.getAttributeNode(attributename) 여기에서 attributename은 반환하려는 속성 이름을 지정하는 문자열 유형의 필수 매개변수입니다. 예시 getAttributeNode() 메서드의 예를 살펴보겠습니다. - <!DOCTY
HTML DOM getBoundingClientRect()는 뷰포트의 위치에 상대적인 요소 크기를 반환하는 데 사용됩니다. left, top, right, bottom, x, y, width, height 8개의 속성이 있는 DOMRect 유형의 객체를 반환합니다. 스크롤 위치가 변경되면 경계 사각형 위치가 변경됩니다. 구문 다음은 getBoundingClientRect() 메서드의 구문입니다. - element.getBoundingClientRect() 예시 getBoundingClientRect() 메서드의 예를 살펴보겠습니
HTML DOM getElementById() 메서드는 id를 이 함수에 매개변수로 전달하여 요소를 반환하는 데 사용됩니다. 나중에 조작할 요소를 가져오는 데 가장 일반적으로 사용되는 가장 쉬운 방법 중 하나입니다. 지정된 Id가 존재하지 않으면 NULL을 반환합니다. 구문 다음은 getElementById() 메서드의 구문입니다. - document.getElementById(elementID) 예시 getElementById() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html>
HTML DOM getElementsByClassName() 메서드는 주어진 클래스 이름을 가진 문서의 모든 요소 컬렉션을 가져오는 데 사용됩니다. 주어진 모든 요소를 NodeList 객체로 반환합니다. 인덱스 번호를 사용하여 반환된 개체의 모든 요소에 액세스할 수 있습니다. 이 메서드는 지정된 클래스 이름을 가진 하위 자식 요소를 갖도록 모든 개별 요소에 대해 호출할 수 있습니다. 구문 다음은 getElementsByClassName() 메서드의 구문입니다. - document.getElementsByClassName(cla
HTML DOM getElementsByTagName() 메서드는 주어진 태그 이름을 가진 문서의 모든 요소 컬렉션을 가져오는 데 사용됩니다. 주어진 모든 요소를 NodeList 객체로 반환합니다. 인덱스 번호를 사용하여 반환된 개체의 모든 요소에 액세스할 수 있습니다. 반환된 HTMLcollection은 일부 요소를 제거하거나 추가한 후 getElementsByTagName() 메서드를 계속해서 호출하지 않고도 DOM 트리와 동기화된 상태를 유지합니다. 구문 다음은 getElementsByTagName() 메서드의 구문입니
HTML DOM getNamedItem() 메서드는 NamedNodeMap 객체로 주어진 이름을 가진 속성 노드를 가져오는 데 사용됩니다. 특정 속성 노드를 얻으려면 속성 속성이 getNamedItem() 메서드를 사용하여 특정 속성을 필터링할 수 있는 목록을 반환하기 때문에 속성 속성에 대해서만 이 메서드를 호출해야 합니다. 구문 다음은 getNamedItem() 메서드의 구문입니다. - namednodemap.getNamedItem(nodename) 여기서 nodename은 namedNodeMap에 존재하는 노드의 이름을 나
HTML DOM Dialog 객체는 HTML5 요소와 연결됩니다. 웹 페이지에 팝업, 모달 등을 생성하는 데 사용됩니다. 대화 상자를 보고 사용자가 대화 상자와 상호 작용할 수 있도록 하려면 열린 속성 값을 설정해야 합니다. 속성 다음은 Dialog 객체의 속성입니다 - 속성 설명 열린 대화 상자를 열지 여부를 설정하거나 반환합니다. 반환값 대화 상자의 반환 값을 설정하거나 반환합니다. 방법 다음은 Dialog 객체의 메소드입니다 - 메서드 설명 닫기() 대화 상자를 닫습니다. show() 대화 상자를
HTML DOM dir 속성은 요소의 텍스트 방향을 기본 왼쪽에서 오른쪽에서 왼쪽으로 또는 자동으로 변경하는 데 사용됩니다. dir 속성은 요소의 dir 속성 값을 설정하고 반환하는 데 사용됩니다. 반환된 dir 속성 값은 문자열 유형입니다. 구문 다음은 −의 구문입니다. dir 속성 설정하기 - HTMLElementObject.dir = "ltr|rtl|auto" 여기에서 ltr=왼쪽에서 오른쪽으로 텍스트 방향이며 기본 텍스트 방향입니다., rtl=오른쪽에서 왼쪽으로 텍스트 방향, auto=텍스트 방향은 여
HTML DOM div 개체는 HTML 요소와 연결됩니다. Div는 요소를 그룹화하여 스타일을 적용하거나 단일 태그 이름 또는 ID로 HTML 요소 그룹을 조작할 수 있는 범용 블록 수준 요소입니다. 속성 다음은 div 객체의 속성입니다 - 속성 설명 정렬 요소의 align 속성 값을 설정하거나 반환합니다. 이 속성은 HTML5에서 지원되지 않으며 정렬 대신 CSS를 사용합니다. 구문 다음은 −의 구문입니다. div 개체 만들기 - var p = document.createElement("DIV"
HTML DOM dl 개체는 HTML 요소와 연결됩니다. 요소는 설명 목록을 생성하기 위한 것입니다. dl 개체를 사용하면 JavaScript를 사용하여 요소를 동적으로 만들고 액세스할 수 있습니다. 구문 다음은 −의 구문입니다. 설명 목록 만들기 - var p = document.createElement("DL"); 예시 dl 객체에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h2>Div object example<
HTML DOM doctype 속성은 현재 HTML 문서와 연결된 DTD(Document Type Declaration)를 반환합니다. 읽기 전용 속성입니다. doctype 이름을 DocumentType 객체로 반환합니다. 주어진 문서에 대해 DTD가 지정되지 않은 경우 null을 반환할 수 있습니다. 구문 다음은 doctype 속성의 구문입니다 - document.doctype 예시 doctype 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1&g
HTML DOM documentElement 속성은 문서 요소를 반환하는 데 사용됩니다. 반환 유형은 요소 개체 유형입니다. 문서 요소는 HTML 문서의 경우 요소가 되는 문서의 루트 요소입니다. 읽기 전용 속성입니다. 구문 다음은 documentElement 속성의 구문입니다 - document.documentElement 예시 documentElement 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>documentElement prop
HTML DOM 도메인 속성은 문서가 현재 실행 중인 서버의 도메인 이름을 가져오는 데 사용됩니다. 문자열 형태의 도메인 이름을 반환하며, 도메인이 식별되지 않으면 값이 null일 수 있습니다. 구문 다음은 도메인 속성의 구문입니다 - document.domain 예시 HTML DOM 도메인 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <style> <h1>domain property example</h1> <p>Get the domain