JavaScript 개요

이 장에서는 JavaScript의 능력을 보여주는 몇 가지 예제를 제공합니다.

JavaScript는 HTML 내용을 변경할 수 있습니다.

getElementById() JavaScript의 여러 HTML 메서드 중 하나입니다.

이 예제에서는该方法를 사용하여 id="demo"의 HTML 요소를 "찾"고, 요소 내용을innerHTML）를 "Hello JavaScript"로 변경하십시오：

예제

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

직접 시도해보세요

휴대폰:JavaScript는 양쪽 double quote와 single quote를 모두 받아들입니다：

예제

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

직접 시도해보세요

JavaScript는 HTML 속성을 변경할 수 있습니다.

이 예제는 변경하여 <img> 의 src 속성（source）을 변경하여 HTML 이미지를 바꿀 수 있습니다：

불빛


직접 시도해보세요

JavaScript는 HTML 스타일 (CSS)을 변경할 수 있습니다

HTML 요소의 스타일을 변경하는 것은 HTML 속성을 변경하는 한 가지 변형입니다：

예제

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

직접 시도해보세요

JavaScript는 HTML 요소를 숨길 수 있습니다

변경하여 가능합니다 display 숨겨진 HTML 요소를 숨기는 스타일을 설정하려면：

예제

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

직접 시도해보세요

JavaScript는 HTML 요소를 표시할 수 있습니다

변경하여 가능합니다 display 숨겨진 HTML 요소를 표시하는 스타일을 설정하려면：

예제

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

직접 시도해보세요

읽어보기

JavaScript 고급 강의： 제이슈가드 역사 、 JavaScript 구현