메밀이의 공부일기

6일차브라우저 주소를 다루는 Location 객체와 입력 요소 처리, DOM 탐색과 생성 방법을 배웠다.주소 이동과 새로고침은 location.href, location.replace(), location.reload()를 사용했다.입력 요소에서는 checkbox와 select의 상태를 확인하는 방법을 익혔고, DOM에서는 부모·자식 관계를 따라 parentNode, parentElement, childNodes, children을 사용하는 방법을 정리했다.또 createElement(), createTextNode(), createAttribute(), appendChild(), replaceChild()를 이용해 화면에 새로운 요소를 만들고 추가하거나 교체하는 흐름까지 연결해서 봤다. 핵심 메소드lo..

1. Delete - remove(), empty(), removeAttr() 위와 같이 실행한다. 순서대로 클릭해 remove(), empty(), removeAttr()의 역할을 알아보자실행하기 전 태그는 아래와 같이 나온다.1) remove()remove를 사용하면 태그 자체가 사라진 것을 볼 수 있다. 2) empty()empty()는 태그는 남기고 태그 안의 내용만 제거한다. 3) removeAttr()removeAttr()은 remove()나 empty()와 달리 괄호 안에 제거하려는 속성을 입력해주면 된다.여기서는 removeAttr("sytle")로 작성해서 위와 같이 스타일 속성이 제거되었다. 2. 비동기 처리 방식 정리 이번에는 동기와 비동기 개념을 정리했다. 0-1) 동기 동기(..