필자는 화면에 hello라는 h1 테그를 표시할 예정이다.물론, html테그 대신 javaScript를 이용해서!! 이를 위해 기본 구조를 쉽게 보자면 아래와 같다. 위의 구조를 생각하여 코드를 작성하면 아래와 같이 작성할 수 있다.

body 태그의 설정된 id 또는 class를 스크립트 단에서 어떻게 가져올 수 있을까?이를 위해서 아래와 같이 id와 class를 설정했다고 가정하고 시작하려한다. 1. id가 "A"인 요소 찾기 document.getElementById("A");document.querySelector("#A"); 2. class가 "B"인 요소 찾기 document.getElementsByClassName("B"); // 배열로 표시됨document.querySelector(".B"); 3. tag가 "td"인 요소 찾기 document.getElementsByTagName("td"); // 배열로 표시됨document.querySelector("td"); // 맨 처음으로 검색된 태그 반환document.quer..

[window.onload] 웹 브라우저에 로드가 모두 완료(태그들을 모두 읽으면)되면 불러오는 함수사용자 정의 함수 (사용자가 알아서 정의하도록 만든 함수) ... 근데 window.onload는 어떻게 사용하나? 그런데 웹 브라우저에 로드가 모두 완료되었을 때 불러오는 함수가 이 방법 뿐일까??? 정답은... 아니다!! 사용자 정의 함수를 만들어 body를 로드할 때 정의한 함수를 불러올 수 있다.이렇게!! 그럼 또 다른 문제!body의 태그나 글은 스크립트 단에서 어떻게 가져오거나 설정할 수 있을까??다음 코드를 확인해보자. [innerText/innerHTML] 1. Read document.body.innerText();body 태그 안의 들어있는 요소 중에서 태그를 제외한 text를 모두 읽어..

[배열 type] object [배열 선언 방법] var array = new Array();var array = new Array(값, 값, 값);var array = [값, 값, 값]; * 값을 넣고 빼는 것은 push, pop을 이용한다. - push : 마지막에 원소 추가 - pop : 마지막 원소 삭제 [배열 선언 예제 코드]

[연산]문자끼리 더하면 자바에서는 아스키코드로 변경되어서 나오는데 자바스크립트에서는 문자와 문자열 구분이 없기 때문에 문자열로 나온다. 문제) 아래의 결과 값은? (필자는 결과 값을 편하게 알기 위해 alert 함수를 사용했다.)alert('A' + 100+200 + "!" + (10+20) + 12.345 + "####"); 답은...A100200!3012.345#### * 윗 부분은 드래그 드롭하여 확인 * [변수]자바스크립트의 변수 선언은 var자바와 매우 다른 점이다. 따라서 자바를 먼저 배웠던 필자는 자바스크립트를 배울 때 매우 당황했었다. 그럼 변수 타입은 어떨까?모두 var로 선언하기 때문에 변수 타입도 동일할까? 이를 확인해보기로 했다. 답은 차례대로 살펴보면,numbernumberbool..