자 바스 크 립 트 고성능 프로 그래 밍 중점 노트 읽 기
5209 단어 JavaScript
// //
children //childNodes
childElementCount //childNodes.length
firstElementChild //firstChild
lastEelmentChild //lastChild
nextElementSibling //nextSibling
previousElementSibling //previousSibling선택 기의 효율 적 인 응용
<div id="footer_bottom">
<a href="/AboutUS.aspx"> </a><a href="/ContactUs.aspx"> </a><a href="/about/ad.aspx"> </a><a href="/about/job.aspx"> </a><a href="http://www.miibeian.gov.cn"> ICP 09004260 </a>©2004-2012 <a href="http://www.cnblogs.com/"> </a>
</div>var aArr1= document.querySelectorAll("#footer_bottom a");//
var aArr2 = docuement.getElementById("footer_bottom").getElementsByTagName("a");//
//return
<a href="/AboutUS.aspx"> </a>,
<a href="/ContactUs.aspx"> </a>,
<a href="/about/ad.aspx"> </a>,
<a href="/about/job.aspx"> </a>,
<a href="http://www.miibeian.gov.cn"> ICP 09004260 </a>,
<a href="http://www.cnblogs.com/"> </a>
//
var a = document.querySelector("#footer_bottom a");
//return <a href="/AboutUS.aspx"> </a>
//
var divs = document.querySelectorAll("div.footer,div.main,div.header");메모: 대부분의 브 라 우 저 는 상기 속성 을 지원 합 니 다. IE6, 7, 8 은 children 속성 만 지원 합 니 다.
DOM 의 리 렌 더 링 과 레이아웃 감소 (세 가지 방식)
1. 처리 할 요 소 를 숨 긴 다음 에 처리 하고 마지막 에 표시 합 니 다.
2. 파일 세 션 을 만 드 는 방법 (추천) document. createDocumentFragment ();
3. 처리 할 원소 에 대해 던 전 을 복제 한 후 던 전 을 조작 하고, 마지막 으로 던 전 을 원본 으로 교체
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
