컴퓨터

html 자바스크립트 id 활용, 특정위치의 문자열 출력 or 수정

뷰티풀라이프! 2015. 12. 30. 15:51

html에서 특정위치에 문자열 출력 또는 특정위치의 문자열 수정 방법

 

html 문서 작성중 상황에 따라서 특정위치의 문자열을 수정하거나 출력을 하고 싶은 경우가 있습니다.

이미 표시되어 있는 문자열을 수정하는 방법은 innerHTML을 이용하면 가능해집니다.

 

 

 

 

 

위와 같이 자바스크립트를 작성합니다.

html과 자바스크립트를 이용하여 특정위치의 문자열을 출력하기 위해서는 ID 이름을 정해줘야

자바스크립트에서 컨트롤이 됩니다.

 

 

 

ID에 이름을 ch라고 적어주고

자바스크립트에서 ID에 해당하는 내용컨트롤 할 수있습니다.

내용을 추가하거나 수정하거나 삭제하거나 가능해지는것이죠! ㅎㅎ

물론 내용을 숨길수도 있습니다.

 

 

아래는 위 코드가 실제로 실행된 화면입니다.

 

원래 표시되는 문자열!!!