📝 자바스크립트 - HTML 컨텐츠 변경
자바스크립트를 활용하여 로딩이 완료된 웹페이지의 컨텐츠를 변경해보자.
아래 예제에서는 버튼을 클릭했을 때 웹페이지내 특정 id의 html element를 찾아 해당 컨텐츠를 변경해주는 간단한 기능을 구현해보았다.
자바스크립트로 무엇을 할 수 있을까?
자바스크립트는 HTML 컨텐츠를 변경할 수 있다.
button 버튼 생성 태그
type 버튼 종류 : button | submit (기본값) | reset
getElementByID("example") id example을 가진 요소 검색
➜ getElementsByClassName()
➜ getElementsByName()
➜ getElementsByTagName()
➜ getElementsByTagNameNS()
innerHTML 해당 요소의 HTML 컨텐츠
코드
728x90
'플그래밍 > 자바스킙' 카테고리의 다른 글
| [JavaScript 기초] 태그 속성(src) 변경하기 (0) | 2022.12.03 |
|---|---|
| [JavaScript 기초] getElementById로 컨텐츠 바꾸기 (0) | 2022.12.03 |
| [JavaScript 기초] 현재 시간 조회 버튼 (0) | 2022.12.03 |
| [자바스큅 기초] 기존 텍스트 변경하기 (0) | 2020.12.19 |
| [자바스큅 기초] 현재 시간 표시하기 (0) | 2020.12.19 |