자바스크립트

ALL

자바스크립트 HTML 태크 이름으로 요소 취득 방법 getElementsByTagName

자바스크립트에서 HTML의 태그명을 지정 요소를 취득할 수 있는getElementsByTagName대해 살펴보겠습니다. getElementsByTagName메서드의 사용 방법을 먼저 보겠습니다. document.getElementsByTagName(태그 이름) 태그 이름에는'div'나'p'처럼태그 종류 이름을 지정합니다. '*'를 지정하면 모든 요소를 취득합니다. 태그 이름을 지정해 취득한 반환값은HTMLCollection오브젝트 형태로 반환합니다. HTMLCollection오브젝트는 여러개 요소의 노드가 집합됩니다. 집합된 오브젝...
ALL

자바스크립트 오브젝트와 null 설명 예제

JavaScript에서는 문자열, 숫자, 논리값이 기본이 되는 데이터형이지만 그 외에도 오브젝트로 불리는 데이터형이 존재합니다. 오브젝트형은 기본 데이터형처럼 단독 값이 아닌, 여러 값을 가지고 있거나 조합해 둔 것으로 생각하면 됩니다. 오브젝트와 null 오브젝트형에는 여러 종류가 있습니다. 예를 들어 여러 값을 모아 이름을 붙인 것을 오브젝트라고 부르고, 여러 값을 모아 번호를 부여한 것을 배열이라고 부릅니다. 오브젝트에 관해서는 별도의 페이지에서 좀 더 자세하게 확인하겠습니다. 여기에서는 데이터형의 하나로써 오브젝트라는 것이 ...
ALL

자바스크립트 논리값 true false 사용 방법 예제

논리값은 기본 데이터형의 하나로 true 또는 false 중 하나의 값을 취득합니다. true와 false는 JavaScript에서 예약어로써 사용되고 있습니다. 스크립트 안에서 논리값을 작성하는 경우true또는false를 직접 작성해야 합니다. 논리값 true false 논리값은 주로 비교 연산자에 포함해 식을 판단한 결과값으로 많이 사용됩니다. 예를 들어 어떠한 값과 어떠한 값이 같은가 다른가 비교할 경우 같다면 true 다르다면 false가 반환됩니다. 다음 예를 보겠습니다. 10 == 10 // true 반환 15 < 6 /...
ALL

자바스크립트 부동소수점 사용 방법 예제

부동소수점 부동소수점으로 작성된 값을 부동소수점 리터럴이라고 부릅니다. 이번에는 부동소수점 리터럴을 스크립트 안에서 작성하는 방법을 확인해 보겠습니다. 소수점 형식의 경우는 정수 부분과 소수점 부분을 마침표를 사용해 구분해서 작성합니다. 3.14 0.0014 그리고 지수 형식의 경우에는 기수가 10으로써 다음과 같이 작성할 수 있습니다. 3.2e2 2.4e-3 은 으로 입니다. 그리고 은 으로 입니다. 그리고 대신에 를 사용해도 괜찮습니다. 3.2E2 2.4E-3 샘플 코드 sample5_1.html <!DOCTYPE html PU...
ALL

자바스크립트 숫자 리터럴 사용 방법 예제

숫자 리터럴 작성 정수로 작성한 값을 정수 리터럴이라고 부릅니다. 이번에는 정수 리터럴을 스크립트 안에서 작성하는 방법을 확인해 보겠습니다. 그리고 전 페이지에서도 작성하였지만 JavaScript에서는 모든 숫자는 부동소수점입니다. 10진수로 정수를 표현하면 다음과 같이 작성할 수 있습니다. 1000 82 그리고 10진수만이 아닌 16진수로 작성할 수도 있습니다. 16진수로 숫자를 표현하기 위해서는 '0x' 또는 '0X'로 시작하는 0부터 9까지 숫자나 A부터 F까지의 기호(소문자 a부터 f까지도 가능)로 숫자를 작성합니다. 0x3...
ALL

자바스크립트 숫자 타입 데이터 작성 방법 예제

숫자도 JavaScript의 기본 데이터형의 하나로 숫자나 숫자에 관한 기호와 조합해 작성합니다. 예를 들어 17이나 3.141 등의 숫자입니다. 숫자는 계산을 하거나 반복 처리를 하는 경우에 회수를 카운터 하는 등의 용도로 이용됩니다. 스크립트 안에서 작성된 숫자는 숫자 리터럴이라고 불리기도 합니다. 숫자 숫자 작성은 다음과 같이합니다. 100 3.141 문자열처럼 이나 등으로 감싸줄 필요가 없습니다. 반대로 숫자에 등으로 감싸는 경우는 숫자가 아닌 숫자를 의미하는 문자 또는 문자열이 됩니다. 174 // 숫자 "174" // 문...