Javascript 자주 쓰는 문서 객체 정리

우선 문서객체란 웹이 HTML 을 인식하는 방식 ! 더 간단하게 말하자면 HTML 을 추가하거나 삭제하는 기능이다

주로 document 객체를 사용한다 !

//문서객체의 정리

window.onload=function(){

var header=document.createElement('h1'); //html 에 h1 태그 생성

var textNode=document.createTextNode("Hello World"); //textnode 생성

//아직 연결된 상태 아님

header.appendChild(textNode); //h1 에 textnode 를 연결

document.body.appendChild(header); //body 태그에 header 연결

document.body.innerHTML="여기에있는게 body 안에 들어가는겨"

header.innerHTML="Hello World" //이렇게 하면 위에꺼랑 똑같은거

document.getElementById('Id 를 이용해서 가져옴');

document.getElementsByClassName('클래스 이름을 이용해서 가져옴');

document.querySelector("사실 이걸 주로 사용함");

document.querySelectorAll("위에껀 맨 처음 하나만 가져오고 이건 다 가져옴(배열로)");

나는 이런것들을 자주 쓴다 ! 그중에서도 제일 자주쓰는건

document.body.appendChild();

document.body.innerHTML='';

document.querySelector(''); //이렇게 제일 자주 사용하는듯 !

//맨날 까먹어서 정리해보았다 그럼 안 ~ 녕