Edit in JSFiddle

<p>body의 1번째 p요소</p>
<div id="main">
  <p>body - main의 1번째 p요소</p>
  <p>body - main의 2번째 p요소</p>
</div>
<p>body의 2번째 p요소</p>

var all_p = document.getElementsByTagName("p"); // document 하위 모든 p요소 

var main = document.getElementById("main");
var main_p = main.getElementsByTagName("p"); // main의 하위 모든 p요소

var len = all_p.length
for (var i = 0; i < len; i++) { // 반복문으로도 접근이 가능합니다.
  all_p[i].style.backgroundColor = "#77ee77"; // 배경색 변경
}

len = main_p.length
for (var i = 0; i < len; i++) {
  main_p[i].style.color = "#ff0000"; // 전경색 변경
}