728x90
반응형
innerHTML을 사용할때 주의 할 점.
javascript로 플러그인이나 라이브러리 좀 더 편한 개발을 위해 제작하다보면 innerHTML을 많이 활용하게 된다. var div = document.createElement('div'); div.className = "modal"; div.innerText = '모달내용'; document.body.appendChild(div); 이렇게 하는것보다 document.body.innerHTML += `모달내용 이 편하기 때문이다. 하지만 innerHTML의 경우 추가된 내용만 추가하는것이 아니라 모든 내용을 처음부터 다시 그린다. 새로 작성하는것과 마찬가지라는 것이다. 그래서 등록된 이벤트, 현재 진행중인 이벤트 모든것이 취소가 된다. 물론 해당 태그에 직접 onclick등으로 된것은 해당 엘리먼트..
프로그래밍/자바스크립트
2020. 12. 22. 14:37
728x90
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 무관의 왕
- #노력만 가상한 글
- vscode
- #팀별 분석
- #useState 특징
- craco
- 팀별 분석
- 마크다운
- JavaScript
- KBL
- webassembly
- 그래프
- 배포
- 7위를 하는 이유
- contributor
- vtie
- Rust
- youtube
- #업데이트가 이상하게 될떄
- ffmpeg
- API
- 웹어셈블리
- 노력만 가상한 글
- HWP
- contributer
- WASM
- #useState
- #그래프
- iframe
- 티스토리API
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함