목록2017/04/06 (10)

Binary World

자바스크립트 요소(Element) 찾기

* JavaScript를 사용해서 HTML element를 찾는 방법: 1. getElementById('id') 2. getElementsByTagName('tagName') 3. getElemnetsByClassName('className') 4. CSS 선택자: querySelectorAll('선택자'), querySelector('선택자') 5. HTML object collection : body, form, images, anchors, ... 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051JavaScript#p1 { border: 1px solid grey;} HTML 요소..
개발자의 길/Javascript 2017. 4. 6. 17:15
자바스크립트 DOM(Document Object Model)

123456789101112131415161718192021222324252627282930313233343536373839404142JavaScript DOM(Document Object Model)여기는 단락입니다. var output = document.getElementById('output');var para = document.getElementById('para1');output.innerHTML += 'tagName: ' + para.tagName + ' ';output.innerHTML += 'parentElement: ' + para.parentElement + ' ';output.innerHTML += 'children: ' + para.children + ' ';output.inne..
개발자의 길/Javascript 2017. 4. 6. 16:20
자바스크립트 날짜표현(Date)

12345678910111213141516171819202122232425262728293031323334353637383940JavaScript JavaScript Date var output = document.getElementById('output'); // 현재 시간var curDate = new Date()output.innerHTML += curDate.toString() + ' ';output.innerHTML += curDate.toUTCString() + ' ';output.innerHTML += curDate.toDateString() + ' '; // 특정 시간의 Date 객체 생성var today = new Date(2017, 3, 6, 1, 20, 30);output.innerH..
개발자의 길/Javascript 2017. 4. 6. 15:51
자바스크립트 숫자변환

1234567891011121314151617181920212223242526javascript JavaScript Number var output = document.getElementById('output'); output.innerHTML += parseInt('10 20 30') + ' ';output.innerHTML += parseInt('year 2030') + ' ';output.innerHTML += parseInt('1.23') + ' '; output.innerHTML += parseFloat('10 20 30') + ' ';output.innerHTML += parseFloat('year 2030') + ' ';output.innerHTML += parseFloat('1.23') +..
개발자의 길/Javascript 2017. 4. 6. 15:47
자바스크립트 문자열(String)

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687JavaScript JavaScript String 메소드 var output = document.getElementById('output'); var str1 = '안녕하세요'; // 문자열 상수(String literal)var str2 = '안녕하세요';if (str1 == str2){ output.innerHTML += '같은 객체 ';} else { output.innerHTML += '다른 객체 ';} ..
개발자의 길/Javascript 2017. 4. 6. 15:43
자바스크립트 프로토타입(Prototype)

- 생성자 함수의 프로토 타입을 변경할 수 있음 12345678910111213141516171819202122232425262728293031323334353637JavaScript생성자 함수 prototype 변경 var output = document.getElementById('output'); // 생성자 함수function Unit(name, money){ this.name = name; this.money = money;} // 생성자 함수의 proto type을 변경:Unit.prototype.gas = 0;Unit.prototype.attack = function() { output.innerHTML += this.name + '가 공격합니다!!'}; var unit1 = new Unit..
개발자의 길/Javascript 2017. 4. 6. 11:21
자바스크립트 프로퍼티(Property) 02

- 객체의 프로퍼티를 삭제/추가 할 수 있음 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849JavaScript JavaScript Object Property var output = document.getElementById('output'); function Unit(name, money){ this.name = name; this.money = money;} var unit1 = new Unit('probe', 50);for (x in unit1){ output.innerHTML += x + ' : ' + unit1[x] + ' ';}output.innerHTML += ''; // 생성된 ..
개발자의 길/Javascript 2017. 4. 6. 11:08
자바스크립트 프로퍼티(Property> 01

- 자바스크립트는 객체(object)가 생성된 이후에 프로퍼티를 추가/삭제할 수 있음! 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647JavaScript 자바스크립트 객체의 프로퍼티 추가/삭제 var output = document.getElementById('output'); // 자바스크립트는 객체(object)가 생성된 이후에 프로퍼티를 추가/삭제할 수 있음!var unit1 = { name: 'scv', money: 50};for (x in unit1){ output.innerHTML += x + ' : ' + unit1[x] + ' ';}output.innerHTML += ''; unit1...
개발자의 길/Javascript 2017. 4. 6. 10:42
Prev 1 2 Next