JavaScript가있는 웹 페이지에서 포함 된 리소스를 어떻게 살펴볼 수 있습니까?

Question

웹 페이지의 모든 임베디드 리소스를 단계별로 처리하고 싶습니다. — CSS 스타일 시트, 외부 JavaScript 파일, 이미지, iframe 등 — 그리고 자바 스크립트로 일부 작업을 수행하십시오.

나는 모두 별도로 타겟팅 할 수 있지만 더 일반적인 방법이 없는지 궁금합니다. DOM을 거쳐 이러한 종류의 임베디드 리소스와 상호 작용할 수있는 내장 된 메서드 또는 라이브러리입니다.

있습니까?

Answer 1

는 a lot of ways to gather DOM elements가 있지만 가장 흔한은 다음과 같습니다 : 당신이 형식적인 구조없이, 모든 요소를 ​​얻고 싶다면

document.body 
document.getElementById() 
document.getElementsByTagName() 
document.getElementsByClassName() 
document.querySelectorAll() 

---

, 당신은 할 수 있습니다 또한

//non-standard 
document.all 

//or 
document.getElementsByTagName('*'); 

Sizzle이 있는데, 이는 jQuery에서 사용되는 선택기 엔진입니다. CSS 선택기를 사용하여 요소를 대상으로합니다. 또는 가능하다면 많은 DOM traversal 및 manipulation 메소드를 호스팅하는 jQuery를 사용하십시오.