728x90 300x250 SMALL javaScript545 HTML DOM 컨트롤 vanilla 자바스크립트 코드 모음 vanilla javaScript로 HTML DOM을 관리 할 수 있는 코드 모음 사이트 https://htmldom.dev/ Manage HTML DOM with vanilla JavaScript Manage HTML DOM with vanilla JavaScript htmldom.dev 2022. 5. 2. JavaScript 아이디(id), 태그(tag), 클래스(class) 찾기 아이디(ID) 찾기 - getElementByid() ID를 찾아서 반환 var elem = document.getElementById('idName'); 클래스(Class) 찾기 - getElementsClassName() 실시간으로 업데이트되는 해당 클래스 명을 가진 모든 요소 목록의 HTML Collection이 반환된다. 클래스는 여러개이기 때문에 HTML Collection 객체로 배열같은 형태로 가져온다. 따라서 사용할때는 배열처럼 인덱스 값을 붙여줘야 한다. 단일클래스 찾기 document.getElementsByClassName('className'); 여러개 클래스를 가진 요소 찾기 document.getElementsByClassName('className select'); main이라.. 2022. 4. 29. javaScript 데이터 타입 확인하기 javaScript에서 데이터 타입을 확인하기 위해서는 typeof연산자를 이용하면 된다. const name = "moo"; console.log(typeof name); //string 위와 같이 데이터 타입을 확인하고 싶은 변수 앞에 typeof 연산자를 입력하면 name 변수의 데이터 타입 string이 표시되는 걸 확인할 수 있다. 위와 같은 방법으로 string 뿐만 아니라 number, boolean, null, undefined의 데이터 타입도 확인해 볼 수 있다. const name = "moo"; const age = 62; const isMale = true; const x = null; const n = undefined; console.log(`${name} = ${typeof n.. 2022. 4. 26. 콜백함수 사용법 콜백함수란? 다른 함수의 인자로써 넘겨진 후 특정 이벤트에서 호출되는 함수를 말한다. 바로 예시로 들어가 보도록 하자 먼저 다음과 같이 이름을 인자로 인사말을 호출하는 함수를 만들어보자 function yourName(name) { console.log(`${name}님 반갑습니다.`) } yourName(`영수`); // 영수님 반갑습니다. 위 함수를 arrow function을 이용해서 좀 더 간단하게 표현을 해보면 아래와 같이 한 줄로 처리할 수도 있다. yourName = name => console.log(`${name}님 반갑습니다.`); yourName('영희'); //영희님 반갑습니다. 그렇다면 만약 호출할 때 각각 이름마다 다른 인사말을 호출하고 싶다면? 이럴 때 callback 함수를 .. 2022. 4. 25. 이전 1 ··· 96 97 98 99 100 101 102 ··· 137 다음 728x90 반응형 LIST