자바스크립트 노드란 무엇인가

Javascript 노드는 태그, 속성 및 텍스트를 포함하여 페이지의 모든 콘텐츠를 참조합니다. JavaScript 요소 노드를 얻는 방법은 다음과 같습니다. 1. getElementById() 방법 2. getElementsByClassName() 방법 등.

이 기사의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터

JavaScript의 노드는 페이지의 모든 콘텐츠(레이블, 속성, 텍스트(텍스트, 줄 바꿈))입니다. , 공백, 캐리지 리턴) ), 노드.

일반적으로 사용되는 노드 레이블:

• Element 노드(레이블)

• Text 노드

• Attribute 노드(레이블의 속성)

노드 가져오기

요소 노드를 가져오는 방법에는 여러 가지가 있습니다

• Document.getElementById()

• Document.getElementsByClassName()

• Document.getElementsByTagName()

• Document.querySelector()

• Document.querySelectorAll ()

속성 노드 획득

• Element.attributes 요소의 모든 속성 집합을 가져옵니다

• Element.setAttribute("속성 이름", "속성 값") 속성 및 속성 값 설정 ​​요소

• Element.getAttribute("속성 이름") 메서드에서 속성 값을 가져오기

• Element.removerAttribute("속성")에서 속성을 삭제하기

텍스트 노드

가 없습니다. 그것을 얻는 방법은 의미가 없습니다

요소 가져오기 하위 노드

element.childNodes는 호환성이 있습니다. 표준 브라우저는 텍스트 노드를 얻지만 하위 버전 브라우저는 그렇지 않습니다. 따라서 단일 하위 노드를 얻으려면 children 특성을 사용하는 것이 좋습니다.

첫 번째 하위 노드 가져오기:

标准下 　　元素.firstElementChild
非标准下　  元素.firstChild

호환 가능한 쓰기

var list=document.getElementById("list")
var fist=listElementChild||list.fistChild
console.log(fist)

마지막 하위 노드 가져오기

element.lastElementChild　 Element.lastChild

형제 노드 가져오기

Element.previousSibling 형제 노드

Element.nextSibling　Element.nextElementSibling

상위 노드 가져오기

Element.parentNode 호환성 없음

Element.parentNode.parentNode

offsetparent와 parentNode를 구별합니다.

DOM2 노드 생성

1. createElement("div")

2. 노드 삽입 방법

부모 노드.appendChild(새 노드)

부모 노드의 자식 노드 뒤에 새 노드를 삽입

3. 지정된 위치에 새 노드를 삽입합니다. (1) 상위 요소.insetBefore(새 노드, 누구 앞에) 지정된 요소 앞에 새 노드를 삽입합니다.

4. 요소 노드 상위 요소 삭제()

[추천 학습:

js 기본 튜토리얼

]

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