본문 바로가기
html, css, javascript

getElementByID 사용하여 텍스트 html에 불러오기

by 와우지니 2023. 5. 6.
반응형

getElementByID 사용하여 텍스트 html에 불러오기

  • getElementById는 HTML 문서에서 특정 ID 값을 가진 요소를 검색하는 JavaScript 메서드입니다. 
  • 이 메서드를 사용하면 JavaScript를 사용하여 특정 ID를 가진 요소의 속성을 변경하거나 요소를 조작할 수 있습니다.

 

javascript의 문자열을 html 문서에 표현하는 코드는 아래와 같습니다.

See the Pen getElementByID1 by hyunho (@momalcy) on CodePen.

 

 

javascript를 사용하여 changeText 함수를 제작합니다.

본 함수는 특정 id 위치에 글자를 click으로 변경할 수 있게 합니다.

코드는 아래와 같습니다.

See the Pen getElementById_changetext by hyunho (@momalcy) on CodePen.

반응형

댓글