[id/class/tag]body에서 요소 찾기

body 태그의 설정된 id 또는 class를 스크립트 단에서 어떻게 가져올 수 있을까?

이를 위해서 아래와 같이 id와 class를 설정했다고 가정하고 시작하려한다.

1. id가 "A"인 요소 찾기

• document.getElementById("A");
• document.querySelector("#A");

2. class가 "B"인 요소 찾기

• document.getElementsByClassName("B");  // 배열로 표시됨
• document.querySelector(".B");

3.  tag가 "td"인  요소 찾기

• document.getElementsByTagName("td");  // 배열로 표시됨
• document.querySelector("td");  // 맨 처음으로 검색된 태그 반환
• document.querySelectorAll("td");  // 검색된 태그(td)에 해당하는 모든 태그를 배열로 반환

 querySelector/querySelectorAll의 경우 값(설정된 텍스트 및 테그)를 가져오려면?

[http://brainmemory.tistory.com/5]에서 배웠던 innerText 또는 innerHTML를 이용해야한다.

document.getElementsByName("이름"); 

- body에 name이 "이름"인 요소를 찾는 것이다. 이 문법은 추후에 설명하도록 하겠다.