[JavaScript] Element.innerHTML


[JavaScript] Element.innerHTML

특정 element 안에 html markup을 추가하고 싶을 때 사용하는 property. console에 element.innerHTML을 출력하면 element 안에 포함되어 있는 html 요소들을 볼 수 있다. innerHTML을 활용해 이 요소들을 수정하거나 추가할 수 있다. 사용 예) class가 "size"인 div안에 window size와 관련된 내용을 추가하고 싶을 때, innerHTML을 이용할 수 있다. const size = document.querySelector('.size'); size.innerHTML = `window size: ${window.screen.width}, ${window.screen.height} window outer: ${window.outerWidth..


원문링크 : [JavaScript] Element.innerHTML