웹 프론트엔드 JS 튜토리얼 js 트래버스 하위 노드 하위 요소 첨부 파일 및 방법_자바스크립트 기술

js 트래버스 하위 노드 하위 요소 첨부 파일 및 방법_자바스크립트 기술

May 16, 2016 pm 04:39 PM
아이 원소 횡단

코드 복사 코드는 다음과 같습니다.

// 하위 노드를 추가하기 전에 모든 하위 노드를 삭제합니다

var usernameEle = document.getElementById("username");
var 어린이 = 사용자 이름Ele.childNodes
for(var i = children.length - 1; i >= 0; i--) {
사용자 이름Ele.removeChild(childs[i])
}
var 사용자 이름 = document.createTextNode(obj.username);
usernameEle.appendChild(사용자 이름);

속성:

nextSibling은 현재 노드의 다음 형제 노드를 반환합니다(읽기 전용)
PreviousSibling은 이 노드의 이전 형제 노드를 반환합니다(읽기 전용)
parentNode는 상위 노드를 반환합니다(읽기 전용)
childNodes는 노드의 하위 노드 목록을 저장합니다(읽기 전용)
nodeValue는 노드의 텍스트를 반환합니다(읽기 및 쓰기 가능)
Text는 이 노드와 그 하위 항목(읽기 및 쓰기 가능)의 텍스트 콘텐츠를 반환합니다.
nodeName은 노드 이름을 반환합니다(읽기 전용)

속성은 노드의 속성 목록을 저장합니다(읽기 전용)
dataType은 이 노드의 데이터 유형을 반환합니다
정의 DTD 또는 XML 모드(읽기 전용)에서 제공되는 노드 정의
Doctype은 문서 유형 노드를 지정합니다(읽기 전용)
documentElement는 문서의 루트 요소(읽기 및 쓰기 가능)를 반환합니다.
firstChild는 현재 노드의 첫 번째 하위 노드를 반환합니다(읽기 전용)
구현은 XMLDOMimplementation 객체를 반환합니다
lastChild는 현재 노드의 마지막 하위 노드를 반환합니다(읽기 전용)
nodeType은 노드 유형을 반환합니다(읽기 전용)
nodeTypedValue는 노드 값을 저장합니다(읽기 및 쓰기 가능)
ownerDocument는 이 노드(읽기 전용)를 포함하는 루트 문서를 반환합니다.
Parsed는 이 노드와 해당 하위 노드가 구문 분석되었는지(읽기 전용) 여부를 반환합니다.
Prefix는 네임스페이스 접두사를 반환합니다(읽기 전용)
PreserveWhiteSpace는 공백(읽기 및 쓰기 가능)을 보존할지 여부를 지정합니다.
url은 최근 로드된 XML 문서의 URL을 반환합니다(읽기 전용)
Xml은 노드와 해당 하위 항목의 XML 표현을 반환합니다(읽기 전용).

방법:

getElementsByTagName은 지정된 이름을 가진 요소 컬렉션을 반환합니다
appendChild는 현재 노드에 새 하위 노드를 추가하고 이를 마지막 하위 노드 뒤에 배치합니다
createElement는 요소 노드를 생성합니다
createTextNode는 주어진 데이터를 포함하는 텍스트 노드를 생성합니다
RemoveChild는 하위 노드 목록에서 지정된 하위 노드를 제거합니다
hasChildNodes는 현재 노드에 하위 노드가 있는지 여부를 반환합니다

cloneNode는 현재 노드의 복사본을 반환합니다
createAttribute는 새 속성을 생성합니다
createCDATASection은 주어진 데이터를 포함하는 CDATA 섹션을 생성합니다
createComment는 주석 노드를 생성합니다
createDocumentFragment는 DocumentFragment 객체를 생성합니다
createEntityReference는 EntityReference 객체를 생성합니다
createNode는 주어진 유형, 이름 및 네임스페이스의 노드를 생성합니다
createPorcessingInstruction은 작업 명령 노드를 생성합니다
insertBefore는 지정된 노드 앞에 하위 노드를 삽입합니다.
Load는 지정된 위치에 XML 문서를 가져옵니다
loadXML은 지정된 문자열의 XML 문서를 가져옵니다
replacementChild 하위 노드 목록에서 지정된 하위 노드를 대체합니다
저장 지정된 노드에 XML 파일을 저장합니다
selectNodes는 노드에서 지정된 일치를 수행하고 일치하는 노드 목록을 반환합니다
selectSingleNode는 노드에서 지정된 일치를 수행하고 일치하는 첫 번째 노드를 반환합니다.
변환Node는 지정된 스타일시트를 사용하여 노드와 그 하위 항목을 변환합니다.
TransformNodeToObject 지정된 스타일시트를 사용하여 노드와 그 하위 항목을 객체로 변환합니다.

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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

jQuery에서 마지막 하위 요소를 제거하는 방법은 무엇입니까? jQuery에서 마지막 하위 요소를 제거하는 방법은 무엇입니까? Feb 19, 2024 pm 09:40 PM

jQuery는 DOM 조작을 포함하여 웹 개발의 많은 작업을 단순화하는 데 사용되는 인기 있는 JavaScript 라이브러리입니다. 웹 개발에서는 DOM 요소를 추가, 삭제, 수정, 확인해야 하는 경우가 많으며 마지막 하위 요소를 삭제하는 것도 일반적인 요구 사항입니다. 이 기사에서는 jQuery를 사용하여 마지막 하위 요소를 삭제하는 몇 가지 방법을 소개합니다. 방법 1: last() 메서드를 사용합니다. jQuery는 현재 쿼리 결과의 마지막 요소를 선택할 수 있는 last() 메서드를 제공합니다. 이것을 결합하여

이벤트 버블링 메커니즘 이해: 하위 요소를 클릭하면 상위 요소의 이벤트에 영향을 미치는 이유는 무엇입니까? 이벤트 버블링 메커니즘 이해: 하위 요소를 클릭하면 상위 요소의 이벤트에 영향을 미치는 이유는 무엇입니까? Jan 13, 2024 pm 02:55 PM

이벤트 버블링 이해: 하위 요소를 클릭하면 상위 요소에서 이벤트가 트리거되는 이유는 무엇입니까? 이벤트 버블링은 중첩된 요소 구조에서 하위 요소가 이벤트를 트리거할 때 이벤트가 가장 바깥쪽 상위 요소까지 버블링처럼 레이어별로 상위 요소에 전달된다는 것을 의미합니다. 이 메커니즘을 사용하면 하위 요소의 이벤트가 요소 트리 전체에 전파되고 모든 관련 요소가 차례로 트리거될 수 있습니다. 이벤트 버블링을 더 잘 이해하기 위해 구체적인 예제 코드를 살펴보겠습니다. HTML 코드: <divid="부모&q

Java 폴더를 반복하고 모든 파일 이름을 얻는 방법 Java 폴더를 반복하고 모든 파일 이름을 얻는 방법 Mar 29, 2024 pm 01:24 PM

Java는 강력한 파일 처리 기능을 갖춘 널리 사용되는 프로그래밍 언어입니다. Java에서는 폴더를 탐색하고 모든 파일 이름을 가져오는 것이 일반적인 작업이므로 특정 디렉터리에서 파일을 빠르게 찾고 처리하는 데 도움이 될 수 있습니다. 이 기사에서는 폴더를 탐색하여 모든 파일 이름을 Java로 가져오는 방법을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 재귀적 방법을 사용하여 폴더를 순회할 수 있습니다. 재귀적 방법은 폴더를 효과적으로 순회할 수 있는 자체 호출 방법입니다.

위치가 3보다 크거나 같은 하위 요소의 스타일을 선택하려면 :nth-child(n+3) 의사 클래스 선택기를 사용하십시오. 위치가 3보다 크거나 같은 하위 요소의 스타일을 선택하려면 :nth-child(n+3) 의사 클래스 선택기를 사용하십시오. Nov 20, 2023 am 11:20 AM

:nth-child(n+3) 의사 클래스 선택기를 사용하여 위치가 3보다 크거나 같은 하위 요소의 스타일을 선택합니다. 구체적인 코드 예는 다음과 같습니다. HTML 코드: &lt;divid="container" &gt;&lt;divclass="item"&gt;첫 번째 하위 요소&lt;/div&gt;&lt;divclass="item"&

PHP glob() 함수 사용 예: 지정된 폴더의 모든 파일을 탐색합니다. PHP glob() 함수 사용 예: 지정된 폴더의 모든 파일을 탐색합니다. Jun 27, 2023 am 09:16 AM

PHPglob() 함수 사용 예: 지정된 폴더의 모든 파일 순회 PHP 개발에서는 일괄 작업이나 파일 읽기를 구현하기 위해 지정된 폴더의 모든 파일을 순회해야 하는 경우가 많습니다. 이 요구 사항을 충족하기 위해 PHP의 glob() 함수가 사용됩니다. glob() 함수는 와일드카드 일치 패턴을 지정하여 지정된 폴더에서 조건을 만족하는 모든 파일의 경로 정보를 얻을 수 있습니다. 이 기사에서는 glob() 함수를 사용하여 지정된 폴더의 모든 파일을 반복하는 방법을 보여줍니다.

Java Iterator와 Iterable의 심층 비교: 장단점 분석 Java Iterator와 Iterable의 심층 비교: 장단점 분석 Feb 19, 2024 pm 04:20 PM

개념적 차이점: Iterator: Iterator는 컬렉션에서 값을 얻는 반복자를 나타내는 인터페이스입니다. MoveNext(), Current() 및 Reset()과 같은 메서드를 제공하여 컬렉션의 요소를 순회하고 현재 요소에 대해 작업을 수행할 수 있습니다. Iterable: Iterable은 반복 가능한 객체를 나타내는 인터페이스이기도 합니다. 컬렉션의 요소 탐색을 용이하게 하기 위해 Iterator 객체를 반환하는 Iterator() 메서드를 제공합니다. 사용법: Iterator: Iterator를 사용하려면 먼저 Iterator 객체를 얻은 후 MoveNext() 메서드를 호출하여 다음 객체로 이동해야 합니다.

Python 3.x에서 os 모듈을 사용하여 디렉터리의 파일을 탐색하는 방법 Python 3.x에서 os 모듈을 사용하여 디렉터리의 파일을 탐색하는 방법 Jul 29, 2023 pm 02:57 PM

Python3.x에서 os 모듈을 사용하여 디렉터리의 파일을 탐색하는 방법 Python에서는 os 모듈을 사용하여 파일 및 디렉터리 작업을 수행할 수 있습니다. os 모듈은 Python 표준 라이브러리의 중요한 모듈로, 많은 운영 체제 관련 기능을 제공합니다. 이 기사에서는 os 모듈을 사용하여 디렉토리의 모든 파일을 반복하는 방법을 설명합니다. 먼저 os 모듈을 가져와야 합니다. importos 다음으로 os.walk() 함수를 사용하여 디렉터리를 탐색할 수 있습니다.

jQuery를 사용하여 요소의 마지막 하위 요소 제거 jQuery를 사용하여 요소의 마지막 하위 요소 제거 Feb 26, 2024 pm 12:39 PM

jQuery를 사용하여 마지막 하위 요소를 제거하는 방법은 무엇입니까? 프런트 엔드 개발에서는 페이지 요소를 추가, 삭제, 수정 및 확인해야 하는 작업을 자주 접하게 됩니다. 그 중 마지막 자식 요소를 삭제하는 것은 일반적인 요구 사항입니다. 이 기사에서는 특정 코드 예제와 함께 jQuery를 사용하여 마지막 하위 요소를 삭제하는 방법을 소개합니다. 먼저, 해당 기능을 사용할 수 있도록 페이지에 jQuery 라이브러리를 도입해야 합니다. HTML 파일에 다음 코드를 추가하세요. &lt

See all articles