프론트엔드-코드/Javascript

문서 객체 모델

sdafdq 2023. 9. 5. 16:05

그냥 document. 해서 쓰는 거 그거 인 듯.

 

자바스크립트에서 html 문서 관련해서 접근할 수 있게 지원해 주는 거.

 

 

태그 가져오기

es5문법

const id = document.getElementById('big-box');
const clas = document.getElementsByClassName('box');
const tag = document.getElementsByTagName('h3');
const name = document.getElementsByName('name');

 

es6문법

document.querySelector('#big-box');
document.querySelectorAll('.big');

 

 

둘다 알고 있기는 해야 함.

 

 

 

elements는 배열로 옴.

 

 

 

반환되는 요소는 es5나 es6이나 같음.

es5에서는 배열로 오면 끄집어 내면 되고.

'프론트엔드-코드 > Javascript' 카테고리의 다른 글

객체 이동  (0) 2023.09.07
모바일 확인  (0) 2023.09.07
상속  (0) 2023.09.05
Date() 객체  (0) 2023.09.04
async/await  (0) 2023.09.01