Language (58) 썸네일형 리스트형 [JavaScirpt]Element객체 中 식별자 API 1. TagName 다음의 'actvie아이디의 엘리먼트는 HTMLLELMENT객체이고 이는 HTMLELEMENT의 속성이다. 그리고 HTMLELEMENT객체이고 ELEMENT객체의 속성이다. ELEMENT객체이고 이는 tagName이라는 속성을 가지고 있다. tagName은 속성값으로 하위 엘리먼트의 태그 네임을 리턴한다. 이는 읽기 전용이다. 2. id tagName과 대부분 같지만이는 읽기 및 쓰기가 가능하다. 위 예제는 'active객체의 id값을 변경한 모습이다. 3.ClassName 위는 className을 통해서 새로운 클래스를 생성했다. 4. classlist classname보다 보편적으로 쓰임 다음을 보면 active.classList를 호출하면 리턴 값으로 DOMTokenList라는 .. [Javascript]Element객체 Javascript var t = document.getElementById('active')여기서 t 안에는 li엘리먼트이자 HTMLLIELEMNT객체이자 HTMLELEMENT객체이자 ELEMENT객체가 들어가 있음그리고 HTMLELENT객체의 속성중엔 .style이란 속성이 있고,그런데 DOM은 HTML만을 위한 것이 아니라 마크업을 위한(XML ,XUL, SVG) 것임그래서 모든 마크업 언어의 부모 객체에는 ELEMENT객체가 있음자세한건 크롬의 개발모드에서 엘리먼트를 누르고 오른쪽 창의 프로퍼티를 누르면 볼 수 있음다음은 DOM계층구조에서 ELEment 객체의 위치는 다음과 같다.다음은 Element의 API들이다.식별자문서내에서 특정한 엘리먼트를 식별하기 위한 용도로 사용되는 APIlement... [JavaScript]DOM TREE [Javascript]HtmlElement의 리턴값 그리고 constructor var what = document.getElementById('tistoryHead');에서console.log(what) 시 CDN CDN(Contents Delivery Network) 파일을 설치 할 필요 없이 를 통해서 라이브러리를 사용하는 방법 for 문 1. for(var i = 0 ; i < a ; i++){}일반적인 for문 첫번째는 변수를 선언 및 할당 두번째는 조건문 세번째는 증감 2.for( a in object){} 첫번째는 변수 선언 및 할당두번째는 객체(속성과 속성값이 있는) 혹은 행렬 var obj = {x:10, y:11, z:12};for (property in obj){ console.log("name: " + property + "; value: " + obj[property]);}위 코드를 실행한 결과는 다음과 같다.name: x; value: 10name: y; value: 11name: z; value: 12배열에 대한 for...in 문 예제배열에 대한 for...in 문 예제는 다음과 같다.var array = [10,1.. [JavaScript] 제어 대상 찾기 DOM객체의 제어대상을 찾는 방법은 다음과 같다. 일단 window객체의 속성인 document프로퍼티를 이용한다. 총 다섯 가지 방법이 있다. 1.document.getElementsByTagName(태그네임) 태그를 통해서 찾는다.이때 리턴된 값은 유사행렬로 값이 나타나서 변수[0] 와 같은 형식으로 불러올 수 있다. 2.document.getElementsByClassName(클래스명) 클래스명을 통해 찾는다.리턴된 값은 유사행렬이다. 3.document.getElementById(아이디) 아이디로 찾는다.위 1,2번과의 다른점은 id값은 고유한 값이기 때문에 여러 값이 나올 수 없다.(메소드 명도 Element(단수)이다.) 고로 행렬방식으로 불러올 필요가 없다. 4.document.querySe.. [Javascript]window객체 window객체는 전역객체이다. 예를 들어 a = 1 이라는 코드를 작성했을 때, 사실은window객체에 a라는 변수를 선언하고 값을 할당 한 것임. 고로 window.a = 1과 같은 의미를 가짐 그리고 윈도우 객체의 메소드 중에는 alertconfirmpromptopen 등이 있다.confirm : Yes No를 선택할 수 있는 경고 창을 두어 True 혹은 False값을 리턴 한다.예시 confirm(Do you want?); prompt : 입력 값을 받는다. 그리고 그 입력 값을 리턴 한다. 예시prompt("아이디가 무엇인가요?"); open : 새로운 문서를 연다.window.open('문서.html', ); 새창에 문서를 연다window.open('문서.html','_self');기존의 창.. 이전 1 ··· 4 5 6 7 8 다음
