>  기사  >  웹 프론트엔드  >  dom과 html dom의 차이점은 무엇입니까?

dom과 html dom의 차이점은 무엇입니까?

WBOY
WBOY원래의
2022-01-18 11:50:462668검색

차이점: 1. DOM은 핵심 DOM, HTML DOM, XML DOM의 세 부분으로 나뉩니다. 핵심 DOM은 DOM 트리를 탐색하는 데 사용되며 HTML DOM은 간단한 방식으로 DOM 트리에 액세스하는 데 사용됩니다. DOM은 Node 작업에 적합하고, HTML DOM은 속성 조작에 적합합니다.

dom과 html dom의 차이점은 무엇입니까?

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

dom과 html dom의 차이점은 무엇인가요?

DOM은 세 부분으로 나뉩니다.

(1) 핵심 DOM: DOM 트리 탐색, 새 노드 추가, 노드 삭제, 노드 수정

( 2) HTML DOM : 간단한 방법으로 DOM 트리에 접근

(3) XML DOM: XML 문서를 조작하는 데 준사용됨

core dom과 html dom의 차이점

Core DOM:

Objects: Document , Node, ElementNode, TextNode, AttributeNode, CommentNode, NodeList

Core DOM은 통합된 작업 인터페이스를 제공합니다:

createElement

appendChild

setAttribute

removeAttribute

nodeName

Core DOM은 새로운 요소를 생성합니다. 새로운 노드= document.createElement( "img")

요소에 속성 추가:

e.setAttribure('', '')

e.setAttribureNode(attr)

적용 가능한 경우:

Core DOM은 노드 운영에 적합합니다. 생성, 삭제, 검색 등 Wait

HTML DOM:

객체: image, Table, Form, Input, Select...HTML 태그 객체화

HTML DOM은 다양한 캡슐화된 객체 제공:

Image

Select

옵션

HTML DOM은 새 요소를 생성합니다:

var newNode=new Image();

요소에 속성 추가:

img.src='';

img.id='';

imd.title=' ';

img.className=''

img.style.display='';

적용 사례:

HTML DOM은 속성 값을 읽거나 수정하는 등 속성을 조작하는 데 적합합니다.

추천 튜토리얼: "

html 비디오 튜토리얼

위 내용은 dom과 html dom의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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