querySelectorAll

<h2>노드.....Collection과 비슷한.....</h2>

<!--   인덱스 번호로 엑세스 할수 있다.-->

<p id="demo10"></p>

<script>

const myNodelist = document.querySelectorAll("p");  //  getElementByTagName 같게 적용하여 인덱스값이 필요함

document.getElementById("demo10").innerHTML =

"2번째 p요소의 내부 html은 다음과 같다.: " + myNodelist[1].innerHTML;  //2번째  태그의 값을 가져옴..

</script>

------------------

<button onclick="myFunction2()">Try it</button>

<script>

    function myFunction2() {

      const myNodelist = document.querySelectorAll("p");

      for (let i = 0; i < myNodelist.length; i++) {

        myNodelist[i].style.color = "red";

      }

      myNodelist[1].style.color = "blue"; //2번째태그의 글자를 파란색으로 변경시킨다.

    }

    </script>