Change HTML element content using with Dom

 

모든 수업내용 자료는 tcpschool의 자료임을 밝힙니다.

 

HTML DOM을 이용하면 HTML 요소의 내용(content)이나 속성 값 등을 손쉽게 변경할 수 있습니다.

HTML 요소의 내용을 변경하는 가장 쉬운 방법은 innerHTML 프로퍼티를 이용하는 것입니다.

 

즉 js로 HTML 내용을 수정할수있다는 말이 된다. 바로 해보자.

변수 str 에 document.ElementById("text"); 을 이용하여 id 가 text 인 요소에서 string 값을 가져온 후

str.innerHTML 을 이용하여 string 내용을 바꿔주었다.

다음으로 href 속성 값 또 한 바꿀 수 있습니다.

link.innerHTML  link.href="#"; 을 이용하여 속성 값을 바꿔줄 수도 있다.