JAVASCRIPT / innerHTML innerHTML 요소의 태그 사이 내용을 변경할 수 있다. 문법 // 1 html 객체에 바로 접근해서 사용 document.getElementById("out").innerHTML = "추가할 내용 " // 2 html 객체에 변수에 담아서 사용 var out = document.getElementById("out"); out.innerHTML = "추가할 내용" 예제 id가 "out"인 태그내에 innerHTML을 이용해서 내용 추가
JAVASCRIPT / getElementById() getElementById('id') HTML 태그의 id값을 가져오는 메소드 문법 document.getElementById('id'); //id정보를 변수에 저장 var item = document.getElementById('item'); 예제 id값을 가져와서 innerHTML로 태그사이에 값 넣기 기존 div 내용 getElementById 이외의 다른 메소드들 getElementById 이외의 HTML 태그에 접근하는 방법은 여러가지가 있다. 요소를 가져올 때 값이 여러개라면 (class, tag등) 배열처럼 사용할 수 있다. getElementsByTagName('tag_name') 태그 정보를 가져온다. // 태그가 div인 것들 doc..
JAVASCRIPT / 변수와 타입 JavaScript의 변수 특징과 종류 자바스크립트에는 데이터 타입은 있지만 변수 타입은 없다. var : 단순하게 변수를 선언 (생략가능) let : 변경이 허용된 변수를 선언 const : 변경이 금지된 변수를 선언 (변수값을 변경할 때 콘솔로그에 에러가 출력된다.) 에러를 출력해주기 때문에 const를 잘 활용해야 한다. 변수 선언 var a = 10; // 기본 형태의 변수 let b = 12; // 값 변경 가능 const c = '13'; // 값 변경 불가 d = 'abcd'; // 생략 변수를 선언하고 값을 확인할 때 가장 간단하게 확인 가능 한 방법 console.log(값) : 웹브라우저의 개발자도구(f12)에서 console로 값을 확인할 수 있다...
JAVASCRIPT JavaScript 개요 웹상에서 가장 많이 사용되는 프로그래밍 언어 웹 브라우저가 해석하여 동작하는 스크립트 언어 JavaScript를 적용하는 3가지 방법 이벤트에 바로 사용 을 클릭할 때 자바스크립트의 getCurrentDate() Function실행 getElementById로 html중에 id가 "print"인 영역의 데이터를 현재 시간(Date())로 변경한다. 예제3 외부의 자바스크립트파일을 가져와서 사용 /web/js/자바스크립트.html 버튼 3 /web/js/script/자바스크립트.js function getCurrentDate2() { document.getElementById("print").innerHTML = Date(); } 작동은 예제2번과 같이 동작한다.