[자바스크립트] 문서 객체 만들기 [innerHTML]

[자바스크립트] 문서 객체 만들기 [innerHTML]

문서 객체를 생성하는 방법으로 노드를 만들어 연결하는 방법을 알아보았습니다. 이 방법도 쉽지만, 일반적으로 좀 더 쉬운 방법을 사용합니다. 이전 포스팅에서 잠깐 알아보았던 문서 객체 innerHTML 속성을 사용하는 것입니다.document 객체의 body에도 innerHTML이 존재합니다. document.body도 이전에 있던 요소 노드와 같기 때문에 document.createElement("h1") 태그를 만들었을 때 나오는 innerHTML과 큰 차이가 없다고 보셔도 괜찮습니다.첫 번째는 <body> 태그의 innerHTML이 되고 두 번째는 <h1> 태그의 innerHTML이 됩니다.이렇게 코드를 입력하면 자동으로 태그가 생성됩니다.반복문을 사용해..........

원문링크 : [자바스크립트] 문서 객체 만들기 [innerHTML]

 등록된 다른 글

JavaScript 소개 & <script> tag

금값 시세 확인하세요

[자바스크립트] 문서 객체를 사용한 움직임 [동적 애니메이션] 구현

금값 시세 확인하세요

집 밥 메뉴 추천해요

집 밥 메뉴 [중국식 해물찜, 쭈꾸미 볶음, 그린빈 볶음] 추천해요

[자바스크립트] 함수 생성하기, 출력하기, 내용 입력하기, 선언적 함수와 익명 함수의 차이

집 밥 메뉴 추천해요