JavaScript Intro

JavaScript로 HTML 콘텐츠 변경 가능

JavaScript HTML 메서드 중 하나인 getElementById()를 보겠습니다.

아래 예제는 HTML 요소(id=”displaces”)를 “검색”하고 해당 요소 내용을 “Hello JavaScript”로 변경합니다.

예제 1

document.getElementById("demo").innerHTML = "Hello JavaScript";

자바스크립트는 큰 따옴표와 작은 따옴표 모두 사용할 수 있습니다.

예제 2

document.getElementById('demo').innerHTML = 'Hello JavaScript';

JavaScript로 HTML 속성 값 변경 가능

이 예에서는 JavaScript가 <img> 태그의 src 속성 값을 변경합니다.

예제 2

Turn on the light

Turn off the light

JavaScript로 HTML 스타일 변경 가능

HTML 요소의 스타일 변경은 HTML 속성 변경의 한 종류입니다.

예제 3

document.getElementById("demo").style.fontSize = "35px";

JavaScript는 HTML 요소를 숨길 수 있음

display 스타일을 변경하여 HTML 요소를 숨길 수 있습니다.

예제 4

document.getElementById("demo").style.display = "none";

JavaScript에서 HTML 요소를 표시할 수 있음

display 스타일을 변경할 숨겨진 HTML 요소를 표시할 수 있습니다.

예제 5

document.getElementById("demo").style.display = "block";

JavaScript와 Java는 개념과 디자인 모두에서 완전히 다른 언어입니다.
자바스크립트는 1995년 Brendan Eich에 의해 발명되어 1997년 ECMA 표준이 되었습니다.
ECMA-262는 이 표준의 공식 명칭입니다. ECMAScript는 이 언어의 공식 이름입니다.