자바스크립트/ 10. querySelectorAll

코딩하는 문과생 2018. 11. 4. 15:09

자바스크립트/ 10. querySelectorAll

querySelectorAll은 들어오는 지정된 요소 값에 해당하는 값들을 변수 x에 할당한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
  <h1 class="intro">Hello World!</h1>
 
  <p class="intro">The DOM is very useful.</p>
  <p class="intro">This example demonstrates.</p>
 
  <p id="demo"></p>
</body>
 
<script>
  var x = document.querySelectorAll("p.intro");
     //p.intro에 해당하는 값을 x에 저장한다.
  document.getElementById("demo").innerHTML = x[0].innerHTML;
</script>
Colored by Color Scripter
cs

<실행결과>