jm_p_op

<head>.js와 html의 id값 상호작용 본문

Front/js

<head>.js와 html의 id값 상호작용

jm_p_op 2023. 3. 16. 18:40

.js

document.getElementById('id값').insertAdjacentHTML("입력방법", "입력값")
 
document.getElementById('id값').value="입력값";
document.getElementById("id값").innerHTML = "입력값";

id값: 해당 아이디값

-그 외의 요소

 document.getElementsByName
 document.getElementsByClassName
 document.getElementsByTagName
 document.getAnimations
 document.getElementsByTagNameNS

입력방법-

 

 'bereforbegin'  = 요소앞에
 'afterbegin' = 요소안 가장 앞에
 'beforeend'= 요소 가장 뒤에
  'afterend' = 요소 뒤에