[본캠프]12일차

 

오늘 할 일

• 4주차 강의, 숙제
• 5주차강의
• 4주차 강의 복습
• 5주차강의 복습

 

 

---

 

[개발자도구에서 DOM에 접근]

document.getElementById('#test');
//null
document.getElementById('test');
//<ul id=​"test">​…​</ul>​
document.querySelector('#test')
//<ul id=​"test">​…​</ul>​
document.querySelector('#test').parentElement
//<nav>​…​</nav>​
document.getElementsByTagName('li');
//HTMLCollection(3) [li, li, li]

[개발자도구에서의 html문서에 div 요소 추가]

const newDiv=document.createElement('div');
//undefined
document.body.append(newDiv);
//undefined

[개발자도구에서의 html ul태그의 text문구 변경]

document.querySelector('ul').children[1].innerText='변경한 두 번째 메뉴'
//'변경한 두 번째 메뉴'

[개발자 도구에서의 메인제목 변경]

document.getElementsByTagName('h1')[0].innerText='변경한 메인제목입니다.'
//'변경한 메인제목입니다.'

 

[개발자 도구에서의 footer 백그라운드 컬러 바꾸기]

document.querySelector('footer').setAttribute('style', 'background-color:red;');
//undefined