• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Element] JS - Element 객체 - 요소객체 (속성 + 메서드) 종류

Element 객체 의미

 

HTML DOM에서 Element 객체는 P, DIV, A, TABLE 또는 기타 HTML 요소와 같은 HTML 요소 의미.

 

 

 

Element 객체 속성 및 메서드

 

accessKey

요소의 액세스 키 특성을 설정하거나 반환.

 

addEventListener ()

지정된 요소에 이벤트 처리기를 연결.

 

appendChild ()

요소에 마지막 자식 노드로 새 자식 노드를 추가.

 

attributes

요소의 속성에 대한 NamedNodeMap 반환.

 


 

blur ()

요소에서 포커스 제거.

 


 

childElementCount

요소가 가지고있는 자식 요소의 개수 반환.

 

childNodes

요소의 자식노드 (텍스트 노드와 주석 노드 포함) 모음 반환.

 

children

요소의 하위요소 (텍스트 및 주석 노드 제외) 모음 반환.

 

classList

요소의 클래스명 반환.

 

className

요소의 클래스 특성값 설정하거나 반환.

 

click ()

요소를 마우스로 클릭하는 것을 시뮬레이션.

 

clientHeight

padding 포함한 요소 높이 반환.

 

clientLeft

요소의 왼쪽 테두리의 너비 반환.

 

clientTop

요소의 위쪽 테두리의 너비 반환.

 

clientWidth

padding 포함한 요소의 너비 반환.

 

cloneNode ()

요소를 복제.

 

compareDocumentPosition ()

2개 요소의 문서 위치를 비교.

 

contains ()

노드가 노드의 하위 노드이면 true 반환하고 그렇지 않으면 false 반환.

 

contentEditable

요소 내용 편집 가두 여부를 설정하거나 반환.

 


 

dir

요소의 dir 특성 값을 설정하거나 반환.

 


 

exitFullscreen ()

전체화면모드에서 요소 취소.

 


 

firstChild

요소의 첫 번째 자식 노드 반환.

 

firstElementChild

요소의 첫 번째 자식 요소를 반환.

 

focus ()

요소에 초점 맞추기. (= 마우스커서 두기.) 

 


 

getAttribute ()

요소 노드의 지정된 속성값 반환.

 

getAttributeNode ()

지정된 속성 노드 반환.

 

getBoundingClientRect ()

viewport 기준으로하는 요소의 크기와 그 위치를 반환.

 

getElementsByClassName ()

지정된 클래스명 갖는 모든 자식 요소 모음 반환.

 

getElementsByTagName ()

지정된 태그명의 자식 요소 모두 반환.

 


 

hasAttribute ()

요소가 지정된 속성 갖으 true 반환하고 그렇지 않으면 false 반환.

 

hasAttributes ()

요소에 속성이 있는 경우는 true 반환, 그렇지 않은 경우는 false 반환.

 

hasChildNodes ()

요소에 자식 노드 있으면 true 반환하고 그렇지 않으면 false 반환.

 


 

id

요소의 id 속성값 설정하거나 반환.

 

innerHTML

요소의 내용을 설정하거나 반환.

 

innerText

노드 및 노드의 자손의 텍스트 내용을 설정하거나 반환.

 

insertAdjacentElement ()

현재 요소를 기준으로 지정된 위치에 HTML 요소 삽입.

 

insertAdjacentHTML ()

현재 요소 기준으로 지정된 위치에 HTML 형식의 텍스트 삽입.

 

insertAdjacentText ()

텍스트를 현재 요소 기준으로 지정된 위치에 삽입.

 

insertBefore ()

지정된 기존의 자식 노드 앞에 새 자식 노드 삽입.

 

isContentEditable

요소의 내용이 편집 가능한 경우 true 반환, 그렇지 않으면 false 반환.

 

isDefaultNamespace ()

지정된 namespaceURI가 기본값이면 true 반환, 그렇지 않으면 false 반환.

 

isEqualNode ()

두 요소가 같은지 검사.

 

isSameNode ()

2 개의 요소가 같은 노드인지 판정.

 

isSupported ()

지정된 기능이 요소에서 지원되면 true 반환.

 


 

lang

요소의 lang 속성 값을 설정하거나 반환.

 

lastChild

요소의 마지막 자식 노드 반환.

 

lastElementChild

요소의 마지막 자식 요소를 반환.

 


 

namespaceURI

요소의 네임 스페이스 URI 반환.

 

nextSibling

동일한 노드 트리 레벨에서 다음 노드 반환.


nextElementSibling

동일한 노드 트리 레벨에서 다음 요소 반환.

 

nodeName

노드의 이름 반환.

 

nodeType

노드의 노드타입 반환.

 

nodeValue

노드 값을 설정하거나 반환.

 

normalize ()

인접한 텍스트 노드를 결합하고 요소의 빈 텍스트 노드를 제거.

 


 

offsetHeight

padding, border, scrollbar 포함하여 요소 높이 반환.

 

offsetWidth

padding, border, scrollbar 포함하여 요소 너비 반환.

 

offsetLeft

요소의 수평 오프셋 위치를 반환.

 

offsetParent

요소의 오프셋 컨테이너 반환.

 

offsetTop

요소의 수직 오프셋 위치 반환.

 

ownerDocument

요소의 루트 요소 (문서 객체) 반환.

 


 

parentNode

요소의 부모 노드 반환.

 

parentElement

요소의 부모요소 노드 반환.

 

previousSibling

동일한 노드 트리 레벨에서 이전 노드 반환.

 

previousElementSibling

동일한 노드 트리 레벨에서 이전 요소 반환.

 


 

querySelector ()

요소의 지정된 CSS 선택자와 일치하는 첫번째 자식요소 반환.

 

querySelectorAll ()

요소의 지정된 CSS 선택자와 일치하는 모든 자식 요소 반환.

 


 

removeAttribute ()

지정된 속성을 요소에서 제거.

 

removeAttributeNode ()

지정된 속성 노드를 제거하고 제거된 노드를 반환.

 

removeChild ()

요소에서 자식 노드를 제거.

 

removeEventListener ()

addEventListener () 메서드로 첨부된 이벤트 핸들러 제거.

 

replaceChild ()

요소의 자식 노드 변경.

 

requestFullscreen ()

요소를 전체 화면 모드로 표시.

 


 

scrollHeight

padding 포함하여 요소의 전체 높이 반환.

 

scrollIntoView ()

지정된 요소를 브라우저 윈도우의 보이는 영역으로 스크롤.

 

scrollLeft

요소의 내용이 가로로 스크롤되는 픽셀 개수 설정하거나 반환.

 

scrollTop

요소의 내용이 세로로 스크롤되는 픽셀 개수 설정하거나 반환.

 

scrollWidth

padding 포함하여 요소의 전체 너비를 반환.

 

setAttribute ()

지정된 속성을 지정된 값으로 설정하거나 변경.

 

setAttributeNode ()

지정된 속성 노드를 설정 또는 변경.

 

style

요소의 스타일 속성 값을 설정하거나 반환.

 


 

tabIndex

요소의 tabindex 특성 값을 설정하거나 반환.

 

tagName

요소의 태그 이름을 반환.

 

textContent

노드 및 노드의 자손의 텍스트 내용을 설정하거나 반환.

 

title

요소의 title 속성 값을 설정하거나 반환.

 

toString ()

요소를 캐릭터 라인으로 변환. 



방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Math JS - Math.min() 메서드 ★ - 최소값 (= 최솟값 = Math.min메서드 = 매스민메서드)
Math JS - Math.pow() 메서드 ★ - 승수 (= 거듭제곱 = pow메서드 = 매스포우메서드/매스파워메서…
Math JS - Math.random() 메서드 ★ - 랜덤값 (= 임의값 = Math.random메서드 = 매스랜…
Math JS - Math.round() 메서드 ★ - 반올림 (= 라운드)
Math JS - Math.sin() 메서드 - 사인값
Math JS - Math.sqrt() 메서드 - 제곱근
Math JS - Math.tan() 메서드 - 탄젠트값
Date JS - Date 객체 - 날짜객체 (속성 + 메서드) 종류 ※Date()함수 = Date함수 = 데이트 함…
Date JS - constructor 속성 - 객체생성자함수 (날짜 경우)
Date JS - prototype 속성(날짜) - 사용자정의 속성/메서드 추가 (날짜객체경우 = 프로토타입)
Date JS - getDate() 메서드 ★ - 일자 얻기 (= getDate메서드 = 겟데이트)
Date JS - getDay() 메서드 - 요일 얻기 (예: 4) (= 요일 추출 = 요일 표시 = getDay메서…
Date JS - getFullYear() 메서드 - 년도 (= 4자리 전체년도얻기 = 겟풀이어)
Date JS - getHours() 메서드 - 시 (= 시얻기 = 시간얻기)
Date JS - getMilliseconds() 메서드 - 밀리초 (= 밀리세컨드)
Date JS - getMinutes() 메서드 - 분 (= 분얻기)
Date JS - getMonth() 메서드 - 월얻기 (= 달얻기 = 달월얻기 = getMonth메서드 = 겟먼스메…
Date JS - getSeconds() 메서드 - 초 얻기 (= 겟세컨즈메서드)
Date JS - getTime() 메서드 ★ - 시간 얻기 (= 타임스탬프얻기 = getTime메서드 = 겟타임메서…
Date JS - getTimezoneOffset() 메서드 - UTC시간과의 시차
11/67
목록
찾아주셔서 감사합니다. Since 2012