..

Search

3) 자바스크립트 소개

3) 자바스크립트 소개

자바스크립트 소개


자바스크립트 소개

자바스크립트를 사용하여 웹 프로그래밍에서 할 수 있는 일은 다음과 같이 매우 다양합니다.

 

1. 자바스크립트는 HTML의 '내용'을 변경할수 있습니다

2. 자바스크립트는 HTML의 '속성'을 변경할수 있습니다.

3. 자바스크립트는 HTML의 '스타일'을 변경할수 있습니다.


HTML 요소의 내용 변경

자바스크립트를 사용하면 HTML 요소의 내용을 손쉽게 변경할 수 있습니다.

 

다음 예제는 버튼을 클릭하여 특정 <p>태그의 내용을 변경하는 예제입니다.

예제

 

이 단락의 내용을 바꾸고 싶어요!


HTML 요소의 속성값 변경

자바스크립트를 사용하면 HTML 요소의 속성값을 간단히 변경할 수 있습니다.

 

다음 예제는 버튼을 클릭하여 특정 <img>태그의 src 속성값을 변경하는 예제입니다.

예제
                    

HTML 요소의 스타일 변경

자바스크립트를 사용하면 HTML 요소의 스타일을 손쉽게 변경할 수 있습니다.

 

다음 예제는 버튼을 클릭하여 특정 <p>태그의 스타일을 변경하는 예제입니다.

예제

 

이 단락의 스타일을 바꾸고 싶어요!


연습문제