HTML DOM focus() 메서드는 HTML 요소에 포커스를 주는 데 사용됩니다. 모든 HTML 요소에 포커스를 적용할 수 없습니다. 예: 태그에 포커스를 둘 수 없습니다. 요소에서 포커스를 제거하려면 blur() 메서드를 사용합니다. 구문 다음은 구문입니다 - HTMLElementObject.focus() 예시 focus() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style> input[type=text]:f
HTML DOM Footer 개체는 HTML 요소와 연결됩니다. 요소는 의미 태그의 일종으로 HTML5에 도입되었습니다. Footer 객체를 사용하면 각각 createElement() 및 getElementById() 메서드를 사용하여 요소를 만들고 가져올 수 있습니다. 구문 다음은 −의 구문입니다. 바닥글 개체 만들기 - var p = document.createElement("FOOTER"); 예시 Footer 개체의 예를 살펴보겠습니다. - <!DOCTYPE html> <html&g
HTML DOM 양식 acceptCharset 속성은 요소의 accept-Charset 속성과 연결됩니다. 이 속성은 양식의 accept-Charset 속성 값을 설정하고 가져오는 데 사용됩니다. 문자열 형식의 문자 인코딩을 반환합니다. accept-Charset 값이 지정되지 않으면 문자 인코딩이 현재 HTML 문서의 문자 인코딩으로 설정되었음을 나타내는 UNKNOWN이 반환됩니다. 구문 다음은 −의 구문입니다. acceptCharset 속성 설정하기 - formObject.acceptCharset = character-s
HTML DOM 입력 암호 defaultValue 속성은 암호 필드의 defaultValue를 설정하거나 가져오는 데 사용됩니다. 요소의 defaultValue는 value 속성에 할당된 값입니다. value 속성과 defaultValue 속성의 차이점은 defaultValue 속성은 지정된 원래 기본값을 유지하는 반면 value 속성은 입력 필드의 사용자 입력에 따라 변경된다는 것입니다. 구문 다음은 defaultValue 속성을 설정하는 구문입니다 - passwordObject.defaultValue = value 여기서 값
HTML DOM 입력 비밀번호 비활성화 속성은 비밀번호 필드의 비활성화 여부를 설정하거나 반환하는 데 사용됩니다. 요소가 비활성화되어야 함을 나타내는 true와 그렇지 않으면 false인 부울 값을 사용합니다. disabled 속성은 기본적으로 false로 설정됩니다. 비활성화된 요소는 기본적으로 회색으로 표시되며 클릭할 수 없습니다. 구문 다음은 −의 구문입니다. 비활성화된 속성 설정 - passwordObject.disabled = true|false; 여기에서 true=password 필드가 비활성화되고 false=pas
HTML DOM 입력 비밀번호 양식 속성은 입력 비밀번호 필드가 포함된 양식 참조를 반환하는 데 사용됩니다. 입력 암호 필드가 양식 외부에 있으면 단순히 NULL을 반환합니다. 이 속성은 읽기 전용입니다. 구문 다음은 입력 비밀번호 양식 속성에 대한 구문입니다. passwordObject.form 예시 입력 암호 양식 속성에 대한 예를 살펴보겠습니다. − <!DOCTYPE html> <html> <body> <h1>Input Password form Property</h1>
HTML DOM 입력 비밀번호 maxlength 속성은 입력 비밀번호 필드의 maxlength 속성을 설정하거나 반환하는 데 사용됩니다. maxLength 속성은 암호 필드에 입력할 수 있는 최대 문자 수를 지정합니다. 구문 다음은 −의 구문입니다. maxLength 속성 설정 - passwordObject.maxLength = integer 여기서 정수는 암호 필드에 입력할 수 있는 최대 문자 수를 지정합니다. 예시 maxLength 양식 속성의 예를 살펴보겠습니다. - <!DOCTYPE html> <htm
HTML DOM 입력 암호 이름 속성은 입력 암호 필드의 이름 속성을 설정하거나 반환하는 데 사용됩니다. name 속성은 양식 데이터가 서버에 제출된 후 식별하는 데 도움이 됩니다. JavaScript는 name 속성을 사용하여 나중에 조작할 양식 요소를 참조할 수도 있습니다. 구문 다음은 −의 구문입니다. 이름 속성 설정 - passwordObject.name = name 여기서 name은 비밀번호 필드명을 지정하기 위한 것입니다. 예시 암호 이름 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html>
HTML DOM 강조 개체는 HTML 요소와 연결됩니다. 요소는 일부 텍스트를 강조하는 데 사용되며 해당 텍스트를 기울임꼴로 표시합니다. 각각 createElement() 또는 getElementById() 메소드를 사용하여 강조된 객체를 생성하고 접근할 수 있습니다. 구문 다음은 −의 구문입니다. 강조된 개체 만들기 - var e = document.createElement("EM"); 예시 강조된 개체의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <bo
HTML DOM execCommand() 메서드는 사용자가 선택한 편집 가능한 섹션에 지정된 명령을 실행하는 데 사용됩니다. document.design 속성은 처음부터 편집 가능한 섹션을 갖도록 설정해야 합니다. 구문 다음은 execCommand() 메서드의 구문입니다. - document.execCommand(command, showUI, value) 여기서 value는 fontSize, forecolor 등과 같이 완료해야 하는 특정 명령에 대한 것입니다. showUI는 값을 표시할지 여부를 지정하기 위한 부울 값입니다.
HTML DOM exitFullscreen() 메서드는 현재 전체 화면 모드에 있는 요소를 가져오는 데 사용되어 해당 모드를 종료합니다. 전체 화면 모드가 아닌 요소에서 실행하면 아무 작업도 수행하지 않습니다. 구문 다음은 exitFullscreen() 메서드의 구문입니다. - HTMLElementObject.exitFullscreen() 예시 exitFullscreen() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style>
HTML DOM Fieldset disabled 속성은 주어진 fieldset 내부에 있는 요소 그룹을 비활성화하는 데 사용됩니다. 이 속성이 true로 설정되면 요소가 비활성화되고 그렇지 않으면 활성화되며 기본적으로 활성화됩니다. 비활성화된 요소는 브라우저에서 기본적으로 회색으로 렌더링되며 사용자는 해당 요소를 클릭하거나 쓸 수 없습니다. 구문 다음은 구문입니다 - 비활성화된 속성을 설정하려면 - fieldsetObj.disabled =true|거짓 비활성화된 속성을 반환하려면 - fieldsetObj.disabled 예시
HTML DOM Fieldset 양식 속성은 형식 양식 개체의 양식 참조를 반환합니다. 이것은 주어진 양식 내부에 있는 요소를 위한 것입니다. 읽기 전용 속성입니다. 지정된 필드 세트가 양식 내부에 없으면 null이 반환됩니다. 구문 다음은 fieldset 양식 속성에 대한 구문입니다 - fieldsetObject.form 예시 fieldset 양식 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <script> functio
HTML DOM hasAttributes() 메서드는 요소에 속성이 있는지 여부를 확인합니다. 요소에 속성이 포함되어 있으면 true를 반환하고 속성이 없으면 false를 반환합니다. 요소 노드가 아닌 다른 노드에서 이 메서드를 호출하면 반환 값은 항상 false입니다. 구문 다음은 hasAttribbutes() 메서드의 구문입니다 - node.hasAttributes() 예시 hasAttributes() 메서드의 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <
HTML DOM hasChildNodes() 메서드는 요소에 자식 노드가 포함되어 있는지 여부를 확인하는 데 사용됩니다. 요소에 자식 노드가 포함되어 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다. 노드 내부의 공백은 기본적으로 텍스트 노드로 간주되므로 모든 공백을 자식 노드로 간주합니다. 구문 다음은 hasChildNodes() 메서드의 구문입니다 - node.hasChildNodes() 예시 hasChildNodes() 메서드의 예를 살펴보겠습니다. <!DOCTYPE html> <html&
HTML DOM hasFocus() 메서드는 문서 또는 문서 내부의 요소에 포커스가 있는지 확인하는 데 사용됩니다. true는 문서/요소에 포커스가 있고 false는 그렇지 않은 경우를 나타내는 부울 값을 반환하여 수행합니다. 구문 다음은 hasFocus() 메서드의 구문입니다 - 문서.hasFocus() 예시 hasFocus() 메서드의 예를 살펴보겠습니다. hasFocus() 메서드고통 자체는 매우 재미있지만 이를 수행하는 좋은 방법입니다. 최소한의 용서를 위해, 목표를 달성하는 것 외에는 어떤 작업도 할 수 없습니다.CH
HTML DOM HashChangeEvent는 URL의 # 부분이 수정될 때마다 발생하는 이벤트를 나타내는 데 사용되는 인터페이스 유형입니다. 속성 다음은 HashChangeEvent -의 속성입니다. 속성 설명 새 URL 해시가 수정된 후 문서 URL을 반환합니다. oldURL 해시가 변경되기 전의 문서 URL을 반환하려면 구문 다음은 HashChangeEvent의 구문입니다. event.eventProperty 여기서 eventProperty는 위의 두 속성 중 하나입니다. 예시 HashChangeEvent의
HTML DOM 헤드 속성은 HTML 요소와 연결됩니다. 요소를 반환하는 데 사용됩니다. 여러 헤드 요소가 있는 경우 첫 번째 헤드 요소를 반환합니다. 읽기 전용 속성입니다. 구문 다음은 head 속성의 구문입니다 - document.head 예시 HTML DOM 헤드 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <title>My title</title> </head> <body> <h1>head
HTML DOM 헤더 객체는 HTML 5에 도입된 HTML 요소와 연결됩니다. 헤더 객체를 사용하면 각각 createElement() 및 getElementById() 메서드를 사용하여 요소를 만들고 액세스할 수 있습니다. 구문 다음은 −의 구문입니다. 헤더 객체 생성 - var p = document.createElement("HEADER"); 예시 HTML DOM 헤더 객체에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1&
HTML DOM Heading 객체는 에서 까지의 HTML 표제 요소와 연결됩니다. 제목 객체를 사용하여 각각 createElement() 및 getElementById() 메서드로 제목 요소를 만들고 액세스할 수 있습니다. 구문 다음은 −의 구문입니다. 제목 개체 만들기 - var p = document.createElement("H1"); 예시 Heading 개체의 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <h1>Heading