●Element

 ▷HTML 요소를 나타내는 객체

 

○메소드

 ▶setAttribute( 속성, 속성값 )

  ▷속성을 속성값으로 설정 (String으로 전달)

 

 ▶appendChild( 요소 );

  ▷해당 요소를 Child로 추가함. 

 

○멤버 변수

 ▷HTML5 속성들

 ▷innerHTML: 요소 내에 포함된 모든 HTML요소 (문자열)

 ▷src: 이미지 소스 (img)

 ▷elements[i]: i번째 Child 요소

 ▷length: Child의 개수

 

○관련 함수

 ▶document.getElementById( 요소ID )

  ▷위 함수를 통해 원하는 Element 객체를 찾을 수 있음.

 

 

'컴퓨터 언어 > JS' 카테고리의 다른 글

Object - Method, Member function  (0) 2020.10.18
Array  (0) 2020.10.18
Function  (0) 2020.10.18
기타 함수(메서드)  (0) 2020.10.17
JavaScript 기초  (0) 2020.10.17

▶parse[Float, Int] (String)

 ▷문자열을 실수/정수로 바꾸어 반환.

 ▷띄어쓰기로 수가 분리되어있으면, 처음 수만 바꿈.

 ▷공백으로 시작하면 공백은 무시하며, 문자로 시작하면 NaN(Not a Number)을 반환.

 

▶isFinite(수)

 ▷수가 유한하면 true, 나머지는 false (NaN, ∞, -∞가 아님)

 

▶isNaN(Object)

 ▷수가 아닌지

 

▶confirm(String)

 ▷대사를 묻고, OK를 누르면 true, Cancel을 누르면 false를 반환.

 

 

 

'컴퓨터 언어 > JS' 카테고리의 다른 글

Object - Method, Member function  (0) 2020.10.18
Array  (0) 2020.10.18
Function  (0) 2020.10.18
Element  (0) 2020.10.18
JavaScript 기초  (0) 2020.10.17

●JavaScript

 ▷객체지향 프로그래밍 언어로, 인터프리터가 모든 웹브라우저에 기본 내장되어있다.

 ▷HTML, CSS와 함께 웹을 구성하는 요소 중 하나로, 클라이언트 단에서 웹 페이지가 동작하는 것을 담당한다.

 ▷웹페이지의 기능성, 외형을 향상시킨다.

 ▷주로 함수를 통해 웹페이지를 조작한다.

 ▷<script type = "text/javascript"> ~ </script>

 

○연산자

 ▷증감 연산자 (++, --)

 ▷산술 연산자 (+, -, *, /, %)

 ▷문자열 연결 연산자 (+) : 문자열 + 다른 타입 = 문자열

 ▷관계 연산자 (==, !=, >, <, >=, <=)

 ▷삼항 조건 연산자 ( ? : )

 ▷대입 연산자 (=)

 ▷산술 대입 연산자 (+=, -=, *=, /=, %=)

 ▷etc...

 

○키워드

 ▷www.w3schools.com/js/js_reserved.asp

 

○주석

 ▷한 줄 : //

 ▷여러 줄 : /* ~ */

 

○변수

 ▷따로 변수 타입명을 지정할 필요가 없음. (var가 자동으로 변환)

 ▷값이 지정되지 않으면 undefined를 가짐 (null과 다름)

 

○제어

 ▷객체지향, 순차시행

 ▶조건문: if, if-else, switch

  ▷중첩 if문, 연속 if-else문

 ▶반복문: while, do-while, for, for-in

 

 

 

'컴퓨터 언어 > JS' 카테고리의 다른 글

Object - Method, Member function  (0) 2020.10.18
Array  (0) 2020.10.18
Function  (0) 2020.10.18
Element  (0) 2020.10.18
기타 함수(메서드)  (0) 2020.10.17

+ Recent posts