코딩하는 문과생

자바스크립트/ 10. querySelectorAll 본문

웹 프로그래밍/Javascript

자바스크립트/ 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>
cs


<실행결과>


'웹 프로그래밍 > Javascript' 카테고리의 다른 글

자바스크립트/ 12. onmouseover & onmouseout 이벤트  (0) 2018.11.04
자바스크립트/ 11. 값 받기(forms[])  (0) 2018.11.04
자바스크립트/ 09. location 객체와 history 객체  (0) 2018.11.04
자바스크립트/ 08. window 객체 중요한 메서드  (0) 2018.11.04
자바스크립트/ 07. try~catch~finally  (0) 2018.11.04
'웹 프로그래밍/Javascript' Related Articles more