본문 바로가기

Javascript/이론12

createElement /createTextNode/appendChild/insertBefore/setAttribute/모달이 createElement - 특정한 이름의 HTML element를 생성 createTextNode - 텍스트 추가 appendChild() - 자식으로 추가 이녀석을 making해보자 window.onload = function() { let divfirst = document.createElement("div"); let aa= document.createTextNode("aaa"); let divs = document.createElement("div"); let uls = document.createElement("ul"); let lis = document.createElement("li"); let lis2 = document.createElement("li"); let lis3 = docum.. 2023. 6. 2.
form데이터 다루기/parentElement/ parentElement.remove() form = name속성을 이용한다, id해도된다 name+id parentElement -->부모요소 가르킴 parentElement.remove() -->부모요소 삭제 2023. 6. 2.
이벤트 전파(버블링/캡처링) --event.target // event.currentTarget 1)(버블링 (하위 ->상위) 2)캡처링 (상위 ->하위) 1. 캡처링이 먼저 발생하고 2.버블링이 그 다음에 발생 !!생각해보면 이벤트 전파는 어쩌면 당연한 현상일지도... 자식 요소가 부모 요소 영역 안에 위치하고 있기 때문에 자식 요소만을 클릭하였다 하더라도 다른 시각으로 보면 부모 요소도 클릭한 셈이 되기 때문. 여기서 lv3을 누르면(검은박스) --> 여긴 버블링이다 생각하자 event.target --이벤트가 발생한 지점 event.currentTarget --현재 실행되고 있는 녀석 this - 현재실행되는 녀석 curruntTarget(this) vs event.target 여기선 lv3을 찍었더니 버블링이 알아서 일어나서 3 2 1 container이렇게 내려가는거고 event.targe.. 2023. 6. 1.
css/js 링크 2023. 5. 31.