매일 매일 미라클 코딩

1. Element에 접근하기 document.querySelector("#name").value = 'name' 를 id로 갖는엘리먼트의 value 값 document.querySelector('a') = a 태그에 해당하는 첫번째 엘리먼트만 가져옴 document.querySelectorAll('a') = a 태그에 해당하는 모든 엘리먼트 속성에 접근 (해당 엘리먼트를 배열로 가져온다) => 반복문과 배열을 사용해 여러 태그에 접근할 수 있다는 장점이 있다. *기타 접근자 : 역할은 queryselector 와 똑같지만 #,. 같은 구분자 없이 사용 가능하다 .getElementsById('id') .getElementsByTagName('tag') .getElementsByClassName('tag..

JavaScript 선언형 HTML 과는 달리 브라우저에 담길 내용을 동적으로 제어하는 프로그래밍 언어. 클라이언트 와의 인터랙티브한 상호작용, 프로그래밍, 서버와의 통신을 위해 주로 사용된다. 웹에서 현재 아주 강력한 도구!! 브라우저를 통해 돌아가기 때문에 누구나 사용할수 있다는 장점이 있다. DOM(Document Object Model) 문서 객체 모델. 텍스트로 된 웹문서를 브라우저에 렌더링할 때 브라우저가 이해할 수 있도록, 모든 요소들의 관계를 트리구조로 구성한 것. > 웹브라우저는 각각의 태그마다 1대 1 객체를 만들기 때문에 우리는 자바스크립트를 이용해 만들어진 객체를 대상으로 메서드를 호출하면 된다 사용방법. = getElementsByTagName("tag") : 모든 해당태그를 배열..