JS6 6. element 가지고 오는 방법 1. getElementsByClassName 클래스 이름으로 정의하여 가져오는 경우 element를 한번에 가지고 와야할 경우 사용함 array로 가지고 올 수 있음 const hellos = document.getElementsByClassName('hello'); console.log(hellos); //hello라는 클래스를 가지는 element가 여러개가 html에 정의가 되어있고 이건 array로 구성이 되어 있다 2. getElementsByTagName tag name을 가지고 element들을 가지고 오는 경우 array로 가지고 올 수 있음 const title = document.getElementsByTagName('h1'); console.log(title); //h1 태그로 되어.. 2023. 1. 18. 5. 자바스크립트 기초 2 doucument html을 가리키는 객체, 브라우저에 이미 존재하는 object이다. consloe에 document라고 치면 html파일이 나온다 이용해서 javascript에서 html 코드 내용들을 변경 할 수 있다 document.title = 'hi'; getElementById 함수를 통해 id로 element를 가져올 수 있다 html body에 있는거를 부를 때 사용됨 document.getElementById('title'); document.dir element의 내부를 보고 싶을 때 사용함 Grab me 1! const title = document.querySelector('div.hello:first-child h1'); console.dir(title); 스타일 바꿀 수 있음 .. 2023. 1. 18. 4. Prompt prompt 사용자에게 메세지가 써져 있는 창을 띄어 값을 입력받을 수 있게 한다. const ageAge = prompt('how old are you?'); console.log(ageAge); 타입변환 typeof : 문자열로 타입변환 parseInt : 문자 -> 숫자로 타입변환 (숫자인지 알 수 있고, 크기비교를 할 수 있음) console.log(typeof ageAge); console.log(parseInt(ageAge)); 결과값으로 숫자인지 아닌지 판단 isNaN boolean형으로 number이면 flase로 아니면 true로 값을 반환해줌 && 그리고 true || true === true, | false || true, true || false, false || false === .. 2023. 1. 18. 3. function function 너를 계속 반복해서 사용할 수 있는 코드 조각 argument(인수) : function을 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법 function 명 옆 ()은 variable이다. 그리고 funtion에서만 존재함 *variable이고 funtion에서만 존재함 function sayHello(name0fperson, age) { console.log('Hello my name is ' + name0fperson + ' ' + age); //Hello my name is nico 10 } sayHello('nico', 10); sayHello('nico', 0, 0, 0, 0, 0, 0); //오류 안나고 위와 같이 출력된다. //console.log(age).. 2023. 1. 18. 이전 1 2 다음
