JS 부모/자식 선택기를 사용하여 클래스에 요소 추가 -

Question

클래스에 요소를 추가 할 수 있지만 중첩 된 탐색을 사용하는 방법은 궁금합니다. HTML의 구조 : 내가 변경할 그나마 더 많은 .btn 요소가 있기 때문에

<form class="searchboxATM"> 
    <input name="submit_search" value="OK" class="btn btn-default" type="submit"> 
</form> 

단순히 getElementsByClassName("btn");을 사용할 수 없습니다. 내가 어떻게 해?

도움 주셔서 감사합니다. 당신을 위해 작동하는 경우

Answer 1

는

$(".searchboxATM .btn")을보십시오.

Answer 2

querySelector JS 순수, 당신이 사용할 수있는 에서 :

<form class="searchboxATM"> 
    <input name="submit_search" id="submitSearch" value="OK" class="btn btn-default" type="submit"> 
</form> 

및 getElementById을 사용

querySelector documentation

document.querySelector(".searchboxATM .btn"); 

또는 당신은 귀하의 의견에 특정 ID을 추가 할 수 있습니다 :

document.getElementById("submitSearch"); 

또는 ID에 쿼리 선택 :

document.querySelector("#submitSearch"); 

또는 사용 getElementsByName : 당신이 JQuery와를 사용하려면

document.getElementsByName("submit_search")[0] 

, 당신은 단지 대신 $을 사용해야합니다 document.querySelector :

$("#submitSearch") 

또는

$(".searchboxATM .btn")