WEB기초/JavaScript2 JavaScript의 기초2(웹브라우저의 제어, 요소가져오기, 속성변경) * 웹브라우저의 제어 - querySelector() 함수를 사용할 경우 1. 제어할 태그 선택하기 var a = document.querySelector('선택자'); //'선택자' 자리에는 태그 선택자, 클래스 선택자, ID선택자가 들어간다. 2. 선택한 선택자에 css 속성을 추가하기 var a = document.querySelector("#apple") //apple이라는 이름을 가진 클래스 선택자 선택 a.style.color("green"); //apple이라는 클래스에 속한 모든 태그의 텍스트 색깔을 초록색으로 바꿈 - getElementByID() / getElementsByClassName() / getElementsByTagName() 함수를 사용할 경우 getElementByID().. 2020. 5. 22. JavaScript의 기초1 (이벤트, 콘솔, 데이터타입, 변수) JavaScript HTML을 동적으로 제어하는 프로그래밍 언어이다. HTML의 태그 안에 들어간다. * 이벤트 HTML과 JavaScript가 정보교환을 할 수 있도록 만드는 html의 input 태그의 attribute(속성)이다. * 콘솔 웹브라우저에서 검사 또는 F12를 누르고, esc를 누르면 생기는 창이 콘솔창이다. 콘솔을 통해 그 페이지의 html코드에 대해 JavaScript의 코드를 작성해서 사용할 수 있다. 예) 텍스트 크롤링 * 데이터 타입 1. 문자열(string)과 숫자(number) //콘솔창에 해보세요 console.log(typeof(1)) //number console.log(typeof("1")) //string console.log(typeof(1+1)) //2 cons.. 2020. 5. 21. 이전 1 다음