[DOM_Element] JS - querySelector() 메서드 ★ - 쿼리선택자 (= 요소 안 지정 선택자 중 첫번째 것만) (IE8)

querySelector() 예제 

 

<style>

#hz {

  border: 1px solid black;

}

</style>

<div id="hz">

  <h2 class="sinbi">홈짱닷컴</h2>

  <p class="sinbi">Homzzang.com</p> 

</div>

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  var x = document.getElementById("hz");

  x.querySelector(".sinbi").innerHTML = "홈페이지 제작관리";

}

</script>

 

결과보기

※ 지정선택자와 일치하는 가장첫번째자식요소

querySelector() 예제 - 부모창 mb_2 필드에 값 넣기

 

opener.document.querySelector('input[name=mb_2]').value = '1';

 

볼피드 님 (200528) https://sir.kr/qa/361237