DOM 스타일 오버플로 속성은 HTML 문서에 있는 요소의 오버플로 CSS 속성을 반환하고 수정합니다. 구문 다음은 구문입니다 - 오버플로 반환 object.style.overflow 오버플로 수정 object.style.overflow = “value” 값 여기서 값은 -일 수 있습니다. 값 설명 스크롤 콘텐츠를 자르고 필요한 경우 스크롤 막대를 추가합니다. 상속 상위 요소에서 이 속성 값을 상속합니다. 초기 이 속성 값을 기본값으로 설정합니다. 자동 콘텐츠를 자르고 필요한 경우
HDOM 스타일 overflowX 속성은 HTML 문서에서 요소 상자 안의 콘텐츠가 왼쪽/오른쪽으로 넘칠 때 수행할 작업을 반환하고 수정합니다. 구문 다음은 구문입니다 - overflowX 반환 object.style.overflowX overflowX 수정 object.style.overflowX = “value” 값 여기서 값은 -일 수 있습니다. 값 설명 스크롤 콘텐츠를 자르고 필요한 경우 스크롤 막대를 추가합니다. 상속 상위 요소에서 이 속성 값을 상속합니다. 초기 이 속성
DOM 스타일 overflowY 속성은 HTML 문서에서 요소 상자 안의 콘텐츠가 위/아래로 넘칠 때 수행할 작업을 반환하고 수정합니다. 구문 다음은 구문입니다 - 오버플로를 반환합니다Y object.style.overflowY 오버플로 수정하기Y object.style.overflowY = “value” 값 여기서 값은 -일 수 있습니다. 값 설명 스크롤 콘텐츠를 자르고 필요한 경우 스크롤 막대를 추가합니다. 상속 상위 요소에서 이 속성 값을 상속합니다. 초기 이 속성 값을 기본값
DOM 스타일 여백 속성은 HTML 문서에서 요소의 여백을 반환하고 수정합니다. 구문 다음은 구문입니다 - 반환 마진 object.style.margin 여백 수정 object.style.margin = “value” 예시 스타일 여백 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body { color: #000; &nbs
DOM PageTransitionEvent는 사용자가 웹페이지 사이를 이동할 때 발생하는 이벤트입니다. PageTransitionEvent 개체의 속성 속성 설명 지속됨 웹 페이지가 캐시되었는지 여부에 따라 true 또는 false 값을 반환합니다. PageTransitionEvent 개체에 속하는 이벤트 유형 이벤트 설명 페이지 숨기기 사용자가 웹페이지에서 다른 곳으로 이동할 때 발생합니다. 페이지 표시 사용자가 웹페이지로 이동할 때 발생합니다. 예시 PageTransiti
DOM 스타일 marginBottom 속성은 HTML 문서에서 요소의 아래쪽 여백을 반환하고 수정합니다. 구문 다음은 구문입니다 - marginBottom 반환 object.style.marginBottom marginBottom 수정 object.style.marginBottom = “value” 예시 스타일 marginBottom 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> &n
DOM 스타일 marginTop 속성은 HTML 문서에서 요소의 위쪽 여백을 반환하고 수정합니다. 구문 다음은 구문입니다 - marginTop 반환 object.style.marginTop marginTop 수정 object.style.marginTop = “value” 예시 스타일 marginTop 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body { &
HTML DOM 스타일 marginLeft 속성은 HTML 문서에서 요소의 왼쪽 여백을 반환하고 수정합니다. 구문 다음은 구문입니다 - marginLeft 반환 object.style.marginLeft marginLeft 수정 object.style.marginLeft = “value” 예시 스타일 marginLeft 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body
HTML DOM 스타일 marginRight 속성은 HTML 문서에서 요소의 오른쪽 여백을 반환하고 수정합니다. 구문 다음은 구문입니다 - marginRight 반환 object.style.marginRight marginRight 수정 object.style.marginRight = “value” 예시 스타일 marginRight 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> &nb
DOM 스타일 불투명도 속성은 HTML 문서에 있는 요소의 불투명도 CSS 속성 값을 반환하고 수정합니다. 구문 다음은 구문입니다 - 1. 불투명도 반환 object.style.opacity 불투명도 수정 object.style.opacity = “value” 예시 스타일 불투명도 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body {  
HTML DOM 스타일 패딩 속성은 HTML 문서에서 요소의 패딩을 반환하고 수정합니다. 구문 다음은 구문입니다 - 패딩 반환 object.style.padding 패딩 수정 object.style.padding = “value 예시 HTML DOM 스타일 패딩 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body { color: #000; &n
HTML DOM 스타일 paddingBottom 속성은 HTML 문서에서 요소의 아래쪽 패딩을 반환하고 수정합니다. 구문 다음은 구문입니다 - paddingBottom 반환 object.style.paddingBottom paddingBottom 수정 object.style.paddingBottom = “value” 예시 스타일 paddingBottom 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style>
DOM 스타일 paddingLeft 속성은 HTML 문서에서 요소의 왼쪽 패딩을 반환하고 수정합니다. 구문 다음은 구문입니다 - paddingLeft 반환 object.style.paddingLeft paddingLeft 수정 object.style.paddingLeft = “value” 예시 스타일 paddingLeft 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> bod
HTML DOM removeNamedItem() 메서드는 HTML 문서에서 해당 이름을 사용하여 속성 노드에서 매개변수에 지정된 노드를 제거합니다. 구문 다음은 구문입니다 - node.removeNamedItem(node); 예시 removeNamedItem() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } &n
DOM readyState 속성은 현재 HTML 문서의 로딩 상태를 반환합니다. 구문 다음은 구문입니다 - document.readyState 예시 readyState 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ text-align:center
DOM open() 메서드는 HTML 문서에서 해당 이름을 사용하여 매개변수에 지정된 노드를 속성 노드로 설정합니다. 구문 다음은 구문입니다 - document.open(type,replace); 여기에 입력 문서 유형을 나타내고 바꾸기 새 문서의 기록 항목이 이 문서를 연 문서의 기록 항목을 상속하는지 여부를 나타냅니다. 예시 open() 메소드의 예를 보자 - <!DOCTYPE html> <html> <head> <style> body{ &nbs
DOM removeEventListener() 메소드는 HTML 문서의 HTML 요소에서 이벤트 핸들러를 제거합니다. 구문 다음은 구문입니다 - document.open(event,function,useCapture); 여기, 이벤트 이벤트 이름, 함수를 나타냅니다. 제거하고 캡처를 사용할 기능을 지정합니다. true 중 하나를 취합니다. 또는 거짓 가치. 사실 표현은 캡처 단계에서 이벤트 핸들러를 제거하고 false 표현은 버블링 단계에서 이벤트 핸들러를 제거합니다. 예시 removeEventListener() 메서드의 예
HTML DOM ownerDocument 속성은 노드의 소유자 문서를 나타내는 Document 개체를 반환합니다. 구문 다음은 구문입니다 - node.ownerDocument 예시 ownerDocument 속성의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ &n
DOM replaceChild() 메서드는 자식 노드를 HTML 문서의 새 노드로 바꿉니다. 구문 다음은 구문입니다 - node.replaceChild(newNode,oldNode); 예시 replaceChild() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ &n
HTML DOM scrollHeight 속성은 HTML 문서에서 요소의 전체 높이(콘텐츠 + 패딩)를 px 단위로 반환합니다. 구문 다음은 구문입니다 - element.scrollHeight 예시 scrollHeight 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ &n