>웹 프론트엔드 >프런트엔드 Q&A >자바스크립트 DOM 메소드란 무엇입니까?

자바스크립트 DOM 메소드란 무엇입니까?

青灯夜游
青灯夜游원래의
2021-04-20 12:04:593106검색

dom 메소드에는 close(), open(), write(), writeln(), focus(), item(),assert(),clear(),count(),error(),group(), info(), log(), table() 등

자바스크립트 DOM 메소드란 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

DOM 문서 개체의 메서드

Method Description
document.addEventListener() 문서에 핸들 추가
document.adoptNode( 노드) 다른 곳에서 반환 현재 문서에 노드를 적용한 문서입니다.
document.close() document.open() 메서드로 열린 출력 스트림을 닫고 선택한 데이터를 표시합니다.
document.createAttribute() 속성 노드 만들기
document.createComment() createComment() 메서드는 설명 노드를 만들 수 있습니다.
document.createDocumentFragment() 빈 DocumentFragment 개체를 만들고 이 개체를 반환합니다.
document.createElement() 요소 노드를 생성합니다.
document.createTextNode() 텍스트 노드를 만듭니다.
document.getElementsByClassName() 문서에서 지정된 클래스 이름을 가진 모든 요소의 컬렉션을 NodeList 객체로 반환합니다.
document.getElementById() 지정된 ID를 가진 첫 번째 객체에 대한 참조를 반환합니다.
document.getElementsByName() 지정된 이름을 가진 개체 컬렉션을 반환합니다.
document.getElementsByTagName() 지정된 태그 이름을 가진 개체 컬렉션을 반환합니다.
document.importNode() 적용을 위해 다른 문서의 노드를 이 문서에 복사합니다.
document.normalize() 빈 텍스트 노드를 삭제하고 인접 노드 연결
document.normalizeDocument() 빈 텍스트 노드를 삭제하고 인접 노드 연결
document.open () Open document.write() 또는 document.writeln() 메서드에서 출력을 수집하는 스트림입니다.
document.querySelector() 문서에서 지정된 CSS 선택기와 일치하는 첫 번째 요소를 반환합니다.
document.querySelectorAll() document.querySelectorAll()은 HTML5에 도입된 새로운 메서드로, document
document.removeEventListener() 문서의 이벤트 핸들 제거(addEventListener() 메서드에 의해 추가됨)
document.renameNode() Rename Element의 CSS 선택기와 일치하는 모든 요소 노드 목록 또는 속성 노드.
document.write() 문서에 HTML 표현식 또는 JavaScript 코드를 작성합니다.
document.writeln() 은 각 표현식 뒤에 개행 문자가 작성된다는 점을 제외하면 write() 메서드와 동일합니다.

DOM 요소 객체의 메서드

TDocument.queryselectOlLLLL () 모든 하위 요소 목록을 반환합니다. 지정된 CSS 선택기 요소와 일치하는 하위 요소 노드 요소에서 지정된 속성을 삭제합니다. 지정된 속성 노드를 삭제하고 제거된 노드를 반환합니다. 하위 요소 제거addEventListener() 메소드에 의해 추가된 이벤트 핸들러하위 요소 교체지정된 속성을 설정 또는 변경하고 값을 지정합니다. 지정된 속성 노드를 설정하거나 변경합니다. 객체를 지정된 키 값과 연결합니다. 요소. 문자열로 변환된 요소 Nodelist 문서 트리를 기반으로 특정 요소 기반 인덱스로 돌아가기 방법 방법 설명
Method Description
element.addEventListener() 지정된 요소에 이벤트 핸들러 추가
element.appendChild() 요소에 새 하위 요소를 추가합니다
element.cloneNode() 요소 복제
element.compareDocumentPosition() 두 요소의 문서 위치를 비교합니다.
element.focus() 포커스를 얻을 문서 또는 요소를 설정합니다
element.getAttribute() 지정된 요소의 속성 값을 반환
element합니다. getAttributeNode () 지정된 속성 node
element.getElementsByTagName() 지정된 태그 이름의 모든 하위 요소 컬렉션을 반환합니다.
element.getElementsByClassName() 문서에서 지정된 클래스 이름을 가진 모든 요소의 컬렉션을 NodeList 객체로 반환합니다.
element.getFeature() 지정된 기능의 실행 API 개체를 반환합니다.
element.getUserData() 요소의 관련 키 값 개체를 반환합니다.
element.hasAttribute() 지정된 속성이 요소에 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
element.hasAttributes() 요소에 속성이 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
element.hasChildNodes() 요소에 하위 요소가 있는지 여부를 반환합니다.
element.hasFocus() 문서 또는 요소에 포커스가 있는지 감지하는 부울 값을 반환합니다
element.insertBefore() 기존 하위 요소 앞에 새 하위 요소를 삽입합니다
element.isDefaultNamespace() 네임스페이스URI가 지정된 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다.
element.isEqualNode() 두 요소가 동일한지 확인합니다
element.isSameNode() 두 요소가 동일한 노드를 가지고 있는지 확인합니다.
element.isSupported() 지정된 기능이 요소에서 지원되는 경우 true를 반환합니다.
element.normalize() 는 구조(예: 요소, 주석, 처리 지침, CDATA 섹션 및 엔터티 참조)만 텍스트 노드, 즉 요소(속성 포함)를 구분하는 "일반" 형식을 만듭니다. , 인접한 텍스트 노드 또는 빈 텍스트 노드가 없습니다
element.querySelector() 지정된 CSS 선택기 요소와 일치하는 첫 번째 하위 요소를 반환합니다.
Element.removeattribute()
element.removeattributeNode()
element.removeChild()
element.removeEventListener()
element.replaceChild( )
element.setAttribute()
element.setAttributeNode()
element.setIdAttribute()
element.setIdAttributeNode()
요소 .setUserData() elemento.tostring ()
.item ()


nodemap

.getNamedItem()노드 목록에서 반환된 지정된 속성 노드입니다. nodemap.item()nodemap.removeNamedItem()nodemap.setNamedItem()
노드 목록에서 지정된 인덱스 번호에 있는 노드를 반환합니다.
지정된 속성 노드 제거
지정된 속성 노드 설정(이름별)

DOM 이벤트 메서드

메서드 Description
initEvent() 새로 생성된 이벤트 개체의 속성을 초기화합니다.
preventDefault() 이벤트와 관련된 기본 작업을 수행하지 않도록 브라우저에 알립니다.
stopPropagation() 더 이상 이벤트를 전달하지 않습니다.
addEventListener() 대상 이벤트에서 청취 이벤트 등록을 허용합니다(IE8 = attachmentEvent())
dispatchEvent() 이벤트를 리스너에게 보낼 수 있습니다(IE8 = fireEvent())
removeEventListener() 이벤트 대상에 등록된 청취 이벤트를 실행합니다(IE8 = detachEvent())
handleEvent() 모든 객체를 이벤트 핸들러로 등록
createEvent()
initMouseEvent() 마우스 이벤트 객체의 값을 초기화합니다
initKeyboardEvent() 키보드 이벤트 객체의 값 초기화

DOM 콘솔 객체의 메서드

getPropertyPriority ( )
Method Description
assert() 어설션이 거짓인 경우 , 도착 메시지에서 콘솔은 오류 메시지를 출력합니다.
clear() 콘솔의 정보를 지웁니다.
count() 일반적으로 계산에 사용되는 count() 호출 수를 기록합니다.
error() 오류 정보를 콘솔에 출력
group() 콘솔에 메시지 그룹을 생성합니다. 완전한 정보 그룹은 console.group()으로 시작하여 console.groupEnd()
groupCollapsed() 콘솔에서 정보 그룹을 생성합니다. console.group() 과 비슷하지만 기본적으로 축소되어 있습니다.
groupEnd() 현재 정보 그룹의 끝을 설정
info() 콘솔에서 메시지가 출력됩니다
log() 콘솔에서 메시지가 출력됩니다
테이블 () 데이터를 표 형식으로 표시
time() Timer는 시간 계산을 시작하고 timeEnd()와 함께 사용되어 작업에 소요된 정확한 시간을 계산합니다.
timeEnd() Time end
trace() 스택에서 현재 실행되는 코드의 호출 경로를 표시합니다.
warn() 경고를 표시하기 위해 정보 앞에 노란색 삼각형이 있는 경고 정보를 출력합니다.

지정된 CSS 속성에 "중요!" 속성이 설정되어 있는지 여부를 반환합니다.

getPropertyValue()지정된 CSS 속성 값을 반환합니다. CSS 선언의 CSS 속성 이름을 인덱스별로 반환합니다. CSS 선언에서 CSS 속성을 제거합니다. CSS 선언 블록에서 CSS 속성을 생성하거나 수정합니다. htmlcollection 객체의 메트로 드 method descriptionitem () htmlcollection의 지정된 인덱스에서 요소를 반환합니다. namedItem()
item()
removeProperty()
setProperty()

지정된 ID 또는 이름 속성이 있는 HTMLCollection의 요소를 반환합니다.

【추천 학습: javascript 고급 튜토리얼】

위 내용은 자바스크립트 DOM 메소드란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.