일반적으로 DOM 은 XML DOM 을 말 하 는데 W3C 도 HTML 페이지 에 더욱 빠 른 DOM 인 HTML DOM 을 제공 합 니 다!HTML DOM 을 사용 하면 HTML 탭 에 접근 하 는 속성 이 자바 스 크 립 트 가 만 든 대상 의 속성 처럼 간단 합 니 다.
var bodyTag = document.documentElement.lastChild;//DOM
bodyTag = document.body;//HTML DOM var titleTag = document.getElementsByTagName("title")[0].firstChild.nodeValue;//DOM
titleTag = document.title;//HTML DOM //HTML DOM ,
document.title ="Change The Title!!!";
현재 브 라 우 저 4 대 주류 커 널
Trident Trident (MSHTML 이 라 고도 함) 는 마이크로소프트 의 창 운영 체제 (Windows) 에 탑 재 된 웹 브 라 우 저 인 Internet Explorer 의 레이아웃 엔진 이름 으로 첫 번 째 버 전 은 1997 년 10 월 Internet Explorer 4 판 이 풀 리 면서 새로운 기술 을 계속 추가 하고 새로운 버 전의 Internet Explorer 에 따라 풀 렸 다.앞으로 최신 인터넷 익스플로러 7 판 에 서 는 마이크로소프트 가 트 리 덴 트 레이아웃 엔진 에 중대 한 변동 을 일 으 켜 새로운 기술 을 추가 하 는 것 외 에 웹 표준 에 대한 지원 을 늘 릴 것 이다.비록 이러한 변동 은 이미 상당 부분 다른 조판 엔진 에 뒤떨어 졌 지만.이 엔진 을 사용 하 는 주요 브 라 우 저: IE, The World, MiniIE, Maxthon, 텐 센트 TT 브 라 우 저.사실 이 브 라 우 저 들 은 IE 핵심 을 직접 사 용 했 습 니 다. userAgent 문자열 에서 돌아 오 는 정 보 는 IE 와 똑 같 기 때 문 입 니 다!
Gecko 벽호, 영 어 는 'Gecko' 입 니 다.Gecko 는 Mozilla 재단 이 개발 한 레이아웃 엔진 의 이름 이다.원래 NGLayout 이 라 고 불 렸 어 요.Gecko 는 HTML, CSS, XUL, JavaScript 와 같은 웹 페이지 내용 을 읽 고 사용자 화면 에 표시 하거나 출력 하 는 역할 을 합 니 다.Gecko 는 Firefox, Mozilla Suite, Camino, Seamonkey 등 여러 가지 브 라 우 저 를 포함 하여 많은 응용 프로그램 에서 사용 되 고 있 습 니 다
.
Presto Presto 는 Opera Software 가 개발 한 브 라 우 저 레이아웃 엔진 으로 Opera 7.0 이상 에서 사용 할 수 있 습 니 다.Presto 는 이전 버 전의 Opera 4 ~ 6 버 전에 서 사용 한 Elektra 레이아웃 엔진 을 대체 하 였 으 며, 웹 페이지 나 그 부분 은 DOM 및 Script 문법 사건 에 따라 다시 레이아웃 할 수 있 는 동적 기능 을 포함 하 였 다.Presto 는 출시 후 업데이트 버 전이 계속 출시 되 어 많은 오 류 를 수정 하고 자바 script 의 효능 을 최적화 시 켜 속도 가 가장 빠 른 엔진 이 되 었 다.
KHTML 은 HTML 웹 레이아웃 엔진 중 하나 로 KDE 에서 개발 했다.KDE 시스템 은 KDE 2 버 전부터 파일 및 웹 브 라 우 저 에 KHTML 엔진 을 사 용 했 습 니 다.이 엔진 은 C + + 프로 그래 밍 언어 로 작 성 됐 으 며, LGPL 권한 을 부여 해 대부분의 웹 브 라 우 징 표준 을 지원 한다.마이크로소프트 의 인터넷 익스플로러 점유 율 이 상당히 높 기 때문에 프 론 페이지 로 제 작 된 많은 웹 페이지 는 IE 만 읽 을 수 있 는 비표 준 문법 을 포함 하고 있 으 며, KHTML 엔진 이 가장 많이 보 여줄 수 있 도록 일부 IE 전용 문법 도 함께 지원 하고 있다.현재 KHTML 을 사용 하 는 브 라 우 저 는 Safari 와 Google Chrome 입 니 다.그리고 KHTML 도 많은 파생 제품 을 만 들 었 다. 예 를 들 어 WebKit, WebCore 엔진
getElementsByName , name 。 IE 6.0 Opera 7.5 。 , id 。 , <input/><img/> 。
요소 속성 가 져 오기 및 설정 - getAttribute 와 setAttribute 방법 var p1 = document. getElement ById ("p1"); alert(p1.getAttribute("id")); p1.setAttribute("title","Value");
상용 노드 속성
node Type - 노드 유형, 요소 노드 는 1 이 고 텍스트 노드 는 3
nodeValue - 노드 값, 요소 노드 가 비어 있 고 텍스트 노드 의 nodeValue 속성 은 텍스트 내용
입 니 다.
firstChild - 이 요소 노드 에 포 함 된 첫 번 째 키 노드
last Child - 이 요소 노드 에 포 함 된 마지막 키 노드
nextSibling - 이 노드 의 다음 형제 노드
previousSibling - 이 노드 의 이전 형제 노드
childNodes - 하위 노드 목록 은 node. childNodes [index] (또는 node. childNodes. item (index) 를 통 해 하위 노드
를 가 져 올 수 있 습 니 다.
nodeName - 노드 이름, 요소 노드 에 대해 tagName 을 되 돌려 주 고 텍스트 에 대해 서 는 \ # tex
를 되 돌려 줍 니 다. 브 라 우 저 마다 Text 노드 가 무엇 인지 판단 하 는 데 차이 가 있 습 니 다.일부 브 라 우 저, 예 를 들 어 Mozilla 는 요소 간 의 공백 (줄 바 꿈 포함) 이 모두 Text 노드 라 고 생각 합 니 다.IE 와 같은 다른 브 라 우 저 는 이 공백 을 모두 무시 합 니 다!!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다: