HTML DOM cloneNode() 메서드는 cloneNode() 메서드가 호출되고 복제를 반환하는 지정된 노드의 복사본을 만드는 데 사용됩니다. cloneNode() 메소드는 주어진 노드의 모든 속성과 값을 복제합니다. 구문 다음은 cloneNode() 메서드의 구문입니다. - yourNode.cloneNode([deep]) 여기서 deep은 선택적 매개변수입니다. 값을 true로 설정하면 주어진 노드와 그 자식이 속성 및 값과 함께 복제되어야 함을 지정하고 값을 false로 설정하여 지정된 노드와 해당 속성 및 값만 복사하
HTML DOM close() 메서드는 출력 스트림을 닫는 데 사용됩니다. 창에 쓰기가 완료되었음을 나타내기 위해 수행됩니다. 매개변수를 사용하지 않으며 닫기 전에 이전 데이터를 모두 표시합니다. 구문 다음은 HTML DOM close() 메서드의 구문입니다. - document.close() 예시 close() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <body> <p>Click the below button to open an output strea
HTML DOM 코드 개체는 HTML 5 태그와 연결됩니다. 요소 내에서 코드 조각을 둘러싸서 마크업하는 데 사용됩니다. Code 개체는 기본적으로 요소를 나타냅니다. 구문 다음은 −의 구문입니다. 코드 개체 만들기 - var a = document.createElement("CODE"); 예시 HTML DOM 코드 개체에 대한 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <body> <p>Click the below button to cr
HTML DOM Button 값 속성은 요소의 값 속성과 연결됩니다. 버튼의 숨겨진 값을 지정합니다. value 속성은 버튼의 value 속성 값을 설정하거나 반환합니다. 브라우저는 일반적으로 버튼을 클릭할 때 값 텍스트를 제출하지만 다른 브라우저는 요소 사이에 텍스트를 제출합니다. 구문 다음은 −의 구문입니다. 값 속성 설정 - buttonObject.value = text 여기서 text 속성값은 버튼에 부여되는 초기값입니다. 예시 버튼 값 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <
HTML DOM 취소 가능 이벤트 속성은 JavaScript가 이러한 이벤트에 반응할 수 있으므로 HTML 이벤트와 연결됩니다. 취소 가능한 이벤트 속성은 이벤트를 취소할 수 있는지 여부를 나타내는 부울 true 또는 false를 반환합니다. 구문 다음은 취소 가능한 이벤트 속성의 구문입니다 - event.cancelable 예시 취소 가능한 이벤트 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <p>Hover over the button below
HTML DOM Canvas 객체는 HTML5에 도입된 요소와 연결됩니다. 태그는 JavaScript의 도움으로 그래픽을 그리는 데 사용됩니다. 캔버스는 그래픽의 컨테이너 역할을 합니다. 캔버스에 선, 모양 등을 그릴 수 있습니다. 속성 다음은 Canvas Object의 속성입니다 - 속성 설명 채우기 스타일 그림을 채우는 데 사용되는 색상, 그라디언트 또는 패턴을 설정하거나 반환합니다. 스트로크 스타일 획에 사용되는 색상, 그라디언트 또는 패턴을 설정하거나 반환합니다. 그림자 색상 그림자에 사용할 색상을 설정하거
HTML DOM Caption 개체는 HTML 요소와 연결됩니다. 요소는 테이블의 캡션(제목)을 설정하는 데 사용되며 테이블의 첫 번째 자식이어야 합니다. 캡션 개체를 사용하여 캡션 요소에 액세스할 수 있습니다. 속성 참고 :아래 속성은 HTML5에서 지원하지 않습니다. 다음은 HTML DOM 캡션 개체 속성입니다 - 속성 설명 정렬 캡션 정렬을 설정하거나 반환합니다. 구문 다음은 −의 구문입니다. 캡션 개체 만들기 - var x = document.createElement("CAPTION");
HTML DOM characterSet 속성은 요소의 charset 속성과 연결된 문자 집합을 나타냅니다. 기본적으로 HTML 문서의 문자 집합은 UTF-8입니다. characterSet 속성은 HTML 문서의 문자 인코딩을 문자열 형식으로 반환합니다. 사용자는 HTML의 charset 속성이나 DOM characterSet 속성을 사용하여 웹 페이지의 기본 characterSet을 재정의할 수 있습니다. 구문 다음은 characterSet 속성의 구문입니다 - document.characterSet 예시 HTML DOM c
HTML DOM childElementCount 속성은 주어진 요소의 자식 요소 수를 반환하는 읽기 전용 속성입니다. childElementCount의 반환 유형은 unsigned long입니다. HTML 문서의 모든 자식 노드가 아니라 쿼리된 노드의 자식 요소만 반환합니다. 구문 다음은 childElementCount 속성의 구문입니다 - node.childElementCount 예시 HTML DOM의 childElementCount 속성에 대한 예를 살펴보겠습니다. - <!DOCTYPE html> <html&
HTML DOM childNodes 속성은 노드의 자식 노드 컬렉션을 NodeList 객체 형태로 반환합니다. 노드는 HTML 문서에 나타나는 것과 동일한 순서로 정렬되어 있습니다. 이 노드는 0부터 시작하는 인덱스 번호로 액세스할 수 있습니다. 읽기 전용 속성입니다. 공백과 주석도 노드로 간주됩니다. 구문 다음은 childNodes 속성의 구문입니다 - elementNodeReference.childNodes; 예시 HTML DOM childNodes 속성에 대한 예를 살펴보겠습니다. - <!DOCTYPE html>
HTML DOM children 속성은 지정된 요소의 모든 자식 요소를 HTML 컬렉션 형태로 반환하는 데 사용됩니다. 읽기 전용 속성입니다. 얻은 요소는 0부터 시작하는 색인 번호를 사용하여 액세스할 수 있습니다. 요소는 HTML 문서에 있는 것과 동일한 순서로 나타납니다. 자식 노드만 포함하고 childNode 속성과 같은 공백 및 주석은 포함하지 않습니다. 구문 다음은 children 속성의 구문입니다 - element.children HTML DOM 하위 속성의 예를 살펴보겠습니다. - <!DOCTYPE htm
HTML DOM 인용 개체는 HTML 요소와 연결됩니다. 요소는 인용된 창작물에 대한 참조를 제공하는 데 사용되며 제목이 포함되어야 합니다. 그림, 책, TV 쇼, 영화 등이 될 수 있습니다. 구문 다음은 −의 구문입니다. 인용 개체 만들기 - var x = document.createElement("CITE"); 예시 HTML DOM 인용 개체의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <p>Click the below but
HTML DOM classList 속성은 HTML 요소와 관련된 클래스 이름을 반환하는 데 사용됩니다. DOMTokenlist 형식으로 클래스 이름을 반환합니다. DOMTokenlist는 공백으로 구분된 토큰 집합일 뿐입니다. 이 속성은 요소의 CSS 클래스를 추가, 제거 또는 전환하는 데 유용합니다. classList 속성은 읽기 전용 속성이지만 add() 및 remove() 메서드를 사용하여 요소의 클래스를 추가하거나 제거할 수 있습니다. 속성 다음은 classList의 속성입니다 - 속성 설명 길이 목록의 클래스 수를
HTML DOM blur() 메서드는 특정 요소에서 키보드 포커스를 제거하는 데 사용됩니다. 흐림을 사용하여 HTML 요소에 흐림을 추가하거나 흐림을 제거할 수 있습니다. Blur() 메서드는 사용자 입력을 기반으로 요소에 특히 집중할 수 있으므로 웹 페이지 탐색을 개선하는 데 도움이 될 수 있습니다. 구문 다음은 blur() 메서드의 구문입니다 - Object.blur() 예시 blur() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style&
HTML DOM Body 객체는 HTML 요소와 연결됩니다. body 태그 안에 설정된 속성과 값은 자식 노드에 의해 재정의되지 않는 한 HTML 문서 전체에 유지됩니다. body 개체는 이러한 속성과 해당 값에 액세스하고 조작하는 데 사용할 수 있습니다. 속성 다음은 HTML DOM Body 객체의 속성입니다 - 참고 − 아래 속성은 HTML5에서 지원되지 않습니다. 대신 CSS를 사용하십시오. − 속성 설명 a링크 문서에서 활성 링크 색상을 설정하거나 반환합니다. 배경 문서의 배경 이미지를 설정하거나 반환하려면
HTML 요소와 관련된 HTML DOM 본문 속성은 요소의 속성 값을 설정하거나 반환하는 데 사용됩니다. 요소를 반환합니다. 요소 내부의 내용을 변경하는 데 사용할 수 있습니다. 이 속성은 요소 내부에 있는 자식 요소 콘텐츠를 덮어쓸 수 있습니다. 구문 다음은 −의 구문입니다. 본문 속성 설정 - document.body = New_Content 여기에서 New_Content는 요소의 새 콘텐츠입니다. 예시 HTML DOM Body 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <h
HTML DOM 굵게 개체는 html (굵게) 태그와 연결됩니다. 태그는 태그 안의 텍스트를 볼드체로 만드는 데 사용됩니다. 볼드체 개체를 사용하여 HTML 태그에 액세스할 수 있습니다. 구문 다음은 −의 구문입니다. 굵은 개체 만들기 - var x = document.createElement("B"); 예시 HTML DOM Bold 개체에 대한 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <body> <p>Click the below bu
HTML DOM borderImageOutset 속성은 배경 이미지 영역이 요소 테두리 상자를 확장하는 값을 설정하거나 반환하는 데 사용됩니다. 위쪽, 왼쪽, 오른쪽 및 아래쪽에 대한 값을 사용하여 요소의 각 테두리에서 배경 이미지가 확장되는 정도를 지정할 수 있습니다. 구문 다음은 −의 구문입니다. borderImageOutset 속성 설정하기 - object.style.borderImageOutset = "length|number|initial|inherit" 속성 값은 다음과 같이 설명됩니다 - 값 설명
HTML DOM Button autofocus 속성은 요소의 autofocus 속성과 연결됩니다. 버튼 자동 초점 속성은 페이지가 로드될 때 HTML 문서의 버튼이 포커스를 받아야 하는지 여부를 지정하는 데 사용됩니다. 구문 다음은 −의 구문입니다. 버튼 자동 초점 속성 설정 - buttonObject.autofocus = true|false 여기에서 true|false는 주어진 입력 버튼이 페이지가 로드될 때가 아니라 포커스를 받아야 하는지 여부를 지정합니다. 사실 − 입력 버튼이 포커스를 얻습니다. 거짓 - 입력 버
HTML DOM Button disabled 속성은 요소의 disabled 속성과 연결되어 있습니다. button disabled 속성은 주어진 버튼이 비활성화되었는지 여부를 설정하거나 반환하는 데 사용됩니다. 사용자가 더 이상 지정된 요소와 상호 작용할 수 없도록 버튼을 비활성화하는 데 사용됩니다. 비활성화된 속성을 설정하면 웹 브라우저에서 기본적으로 버튼이 회색으로 표시됩니다. 구문 다음은 −의 구문입니다. 비활성화된 속성 설정 - buttonObject.disabled = true|false 여기에서 true|false