목록문제해결 (2)

프론트엔드 첫걸음

[문제해결] 동적으로 추가한 HTML에 이벤트 붙이기 (insertAdjacentHTML, 이벤트 위임)

버튼을 클릭할때마다 HTML이 특정 요소에 insert되어 화면에 보여지는 코드가 있을때 동적으로 추가된 HTML에 이벤트를 붙이고 싶으면 어떻게 해야할까? 우선 이벤트를 달고싶으면 그 DOM 을 선택자로 골라내야하는데 그게 안된다. querySelector가 HTML로 생성된 요소를 찾지 못했다. 콘솔에 바로 찍어보면 또 찍힌다 . See the Pen Untitled by JEONG (@cona) on CodePen. codepen에서 확인할 수 있다시피 'DOMContentLoaded'를 사용하여 DOM이 모두 로드된 뒤에 해도 안된다. let html = ` 생성되는 아이템 `; let $container = document.querySelector('#container'); let $btn = ..
개발 공부/Javascript 2022. 7. 20. 02:43
[문제해결] border-collapse와 border-radius가 충돌할 때

table { border-collapse : collapse; } 일부 브라우저에서 table의 border-collapse적용할 때 border-collapse와 border-radius가 충돌하여 table의 border-radius 안먹을 수 있다고 한다. 첫번째 해결방법 - border-top-left-radius 사용 table { border-collapse : collapse; border-spacing : 0; } (왼쪽위에있는 td) { border-top-left-radius : 5px; } 두번째 해결방법 - box-shadow 사용 table { border-collapse : collapse; border-radius : 7px; border-style : hidden; box-..
개발 공부/CSS 2022. 7. 5. 19:18
이전 Prev 1 Next 다음