appendChild2 04/20 Javascript 노드 추가,복제,삭제하기 지난 시간까지 한 것에서 텍스트 노드를 추가해보자 노드 추가하기 추가하는 버튼을 누르면 텍스트가 추가되는 것 -> appendChild 써줌 appendChild -> 노드 객체 종류들을 직접 만들어줘야 한다 -> append (새로 나온 거) append를 쓰면 txt 객체 따로 생성할 필요없이 바로 추가할 수 있다 박스도 마찬가지로 append해주기 innerText쓰면 더 편하다 누적할때는 위험성이 있지만 코드 한줄로 해결되니까 엄청 편리하다 ""안에 스타일입력해주면 된다 노드 삭제하기 삭제버튼을 누르면 노드를 삭제해주는 코드이다 removeChild 더 나은 삭제 방법이 있다 훨씬 간단해 -> 첫번째꺼를 삭제한다 노드 복제하기 복제버튼을 누르면 첫번째꺼를 복사해주는 코드이다 cloneNode로 복.. 2021. 4. 20. 04/19 Javascript 엘리먼트 노드 추가/속성 다루기 저번시간에 상자옮기기 숙제가 있었다 -> 잘 움직이고 잘했지만 아래의 사진처럼 박스1의 시작이 0이 아니라면? 70픽셀 부터 시작한다면 거기부터 출발할 수 있게 할수있나? css에서 left 70px준 것이 자바스크립트에서는 반영이 되지 않는다 (css가 자바스크립트로 쓸 수 있게 만들어지지 않아서...) -> 70px부터 출발을 하지 못함 / 초기값 다시 잡아줘야 되는데 -> 어떻게 하면 되느냐 (계산해주는 기능이 추가?) 실질적으로 현재 위치에서 출발하게 초기값을 잡아주려면 아래의 함수 써주면 된다 developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle Window.getComputedStyle() - Web APIs | MDN Window.. 2021. 4. 19. 이전 1 다음
