728x90 My Wiki (CodesStates)/DOM2 (1-2) DOM으로 HTML 조작하기 CREATE - createElement DOM으로 HTML을 조작하는 방법 중 가장 기초적인 새로운 element를 만드는 방법이다. document.createElement('div') [코드] 새로운 div element 를 만든다. [그림] 크롬 개발자도구의 콘솔 탭에서 새로운 div 엘리먼트를 생성해보자. 자바스크립트에서 어떤 작업의 결과를 담으려면 어떻게 해야 할까? 변수를 선언하고 어떤 작업의 결과를 변수에 할당한다. 여기서는 div element를 변수 tweetDiv 에 할당한다. const tweetDiv = document.createElement('div') [코드] 새롭게 생성한 div element를 변수에 할당한다. 아직 화면에 변화가 없는 게 당연하다. tweetDiv 라는 .. 2021. 8. 5. (1-1) DOM 이해하기 DOM이란? DOM은 Document Object Model의 약자로 HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다. 즉, 우리가 자바스크립트를 사용할 수 있으면 DOM으로 HTML을 조작할 수 있다. HTML에 JavaScript를 적용하기 위해서는 [코드] HTML 문서에 포함되는 script 요소 웹 브라우저가 작성된 코드를 해석하는 과정에서 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 2021. 7. 13. 이전 1 다음