프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

innerHTML 과 innerText의 차이 innerHTML - html태그 속성까지 적용 innerText - html태그 속성이 아닌 문자열 텍스트를 적용 - 보이지 않을 요소들의 텍스트는 반환하지 않는다. HTML JS innerHTML function inputText() { document.querySelector(".inputbox").innerHTML ="nice" } JS innerText function inputText() { document.querySelector(".inputbox").innerText ="nice" }

HTML요소의 내용을 변경하고 싶은 경우에 사용하는 element 오브젝트의 프로퍼티 ex) div나 span에 동적으로 내용을 변경할 때 사용 document.getElementById("id / class이름").innerHTML = 변경하고 싶은 내용 무조건 html에 id 혹은 class 를 지정해야 한다. HTML JS function inputText() { document.querySelector(".inputbox").innerHTML = "Hello!"; } input에 text를 넣고 난 후 div class inputbox의 태그 자체를 바꾸어 버린다.