JavaScript 소개

0

이 페이지에서는 자바스크립트를 사용하여 할 수 있는 몇 가지 예시를 설명합니다. 이 문서는 W3Schools의 JS Tutorial을 참고하여 정리한 것입니다. 원본은 여기에서 확인할 수 있습니다.

JavaScript 소개

JavaScript로 HTML 콘텐츠를 바꿀 수 있습니다(JavaScript Can Change HTML Content)

많은 JavaScript HTML 메소드 중 하나가 getElementById()입니다.

아래의 예시에서는 id="demo"인 HTML 요소를 찾아서 요소 콘텐츠(innerHTML)을 "안녕 JavaScript"로 변경합니다.

document.getElementById("demo").innerHTML = "안녕 JavaScript";

예시:

JavaScript는 작은 따옴표(')와 큰 따옴표(")를 모두 허용합니다.

document.getElementById('demo').innerHTML = '안녕 JavaScript';

JavaScript로 HTML 속성 값을 바꿀 수 있습니다(JavaScript Can Change HTML Attribute Values)

이 예제 JavaScript는 <img> 태그의 src (소스) 속성 값을 변경합니다.

JavaScript는 HTML 스타일(CSS)를 변경할 수 있습니다(JavaScript Can Change HTML Styles (CSS))

HTML 요소의 스타일을 변경하는 것은 HTML 속성 변경과 유사합니다.

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

예시:

JavaScript는 HTML 요소를 숨길 수 있습니다(JavaScript Can Hide HTML Elements)

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

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

JavaScript는 HTML 요소를 표시할 수 있습니다(JavaScript Can Show HTML Elements)

display 스타일을 변경하여 HTML 요소를 표시할 수도 있습니다.

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

알고 계시나요?

- 자바스크립트와 자바는 완전히 다른 언어입니다.
- 자바스크립트는 1995년 Brendan Eich에 의해 개발되었으며 1997년에 ECMA 표준이 되었습니다.
- ECMA-262가 이 표준의 공식 명칭입니다.
- ECMAScript가 이 언어의 공식 명칭입니다.

댓글 남기기

Please enter your comment!
Please enter your name here