Javascript20 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. event.preventDefault() +버블링 + form + parentElement로 데이터 넘기고 삭제 form으로 값 넘기는거 했는데 이거로 하니깐 값이 안나오네.. event.preventDefault이거로 하라고 하신다 이거쓰면 값이 안넘어가서 여기서 이용가능 를 안만들어주고 해서 이렇게 되는게 아니라 이렇게 되네... 그래서 어쩔수없이 삭제할 때 이렇게 했다 (why? 만등러줄때 tbody를 안넣고 만들어서 등록할 시 tbody안에 td가 들어가서 //tbody가 여러개 만들어진다) tbody기준으로 버블링 tbody를 안만들어줘서 만들어줄때마다 생겨서 만들어 줄때도 tbody를 전부 다 가져와서 했다(querySelectorAll) table기준으로 버블링 헷갈린 부분;; 이부분으로 공백을 넣고 입력했을 때 등록이 안되도록 하는 부분 처음에 charAt(0)으로 했는데 이거는 제일 앞칸만 공백체크.. 2023. 6. 2. form데이터 다루기/parentElement/ parentElement.remove() form = name속성을 이용한다, id해도된다 name+id parentElement -->부모요소 가르킴 parentElement.remove() -->부모요소 삭제 2023. 6. 2. 가격 할인율 보여주깅 원래가격 원 할인율 % 할인 가격 계산하기 * { margin: 0; padding: 0; } #wrap { width: 100%; } section { display: grid; /* grid-template-columns: 160px 330px; */ grid-template-columns: repeat(2, minmax(100px, auto)); grid-template-rows: repeat(2, 1fr); justify-content: center; align-items: center; } p { margin: 10px; } span { display: inline-block; width: 100px; } button { margin-left: 120px; width: 150px; height:.. 2023. 6. 1. 이전 1 2 3 4 5 다음
