일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- input
- 자바
- Maven
- json
- IntelliJ
- Array
- html
- javascript
- 문자열
- 배열
- 인텔리제이
- Button
- js
- string
- CSS
- Visual Studio Code
- list
- Files
- Eclipse
- 테이블
- CMD
- windows
- 이탈리아
- date
- Java
- 이클립스
- 자바스크립트
- table
- ArrayList
- vscode
- Today
- Total
목록cloneNode (2)
어제 오늘 내일
javascript에서 dom의 요소(element)를 복사하여 붙여넣기 하는 방법입니다. cloneNode() dom의 노드(node)를 복사하는 함수입니다. var dupNode = node.cloneNode(deep); 이 함수는 node를 복사하여, 복사본을 리턴(dupNode)합니다. 파라미터 deep (optional) true/false 요소의 하위 요소까지 모두 복사하려면 true 요소의 하위 요소를 제외하고 복사하려면 false default : false 또는 true (최신 브라우저에서는 default 값이 false 이지만, 구형 브라우저에서는 default 값이 true입니다. 따라서, 이 값은 optional 이지만, 가능하면 파라미터 값을 명확하게 작성해 주는 것이 좋습니다. ..
이번에는 Javascript를 사용하여 사용자가 버튼 클릭시 특정 노드를 복사하고, 그 노드를 복사하는 방법을 정리하였습니다. cloneNode() Javascript에서 노드를 복사할 때는 cloneNode() 라는 함수를 사용합니다. node.cloneNode(); node.cloneNode(deep); 파라미터 deep : optional. true/false 값을 넣어준다. 해당 노드의 자식 노드까지 복사하려면 true 해당 노드만 복사하려면 false 리턴값 cloneNode 복사한 새로운 노드를 리턴한다. 노드 복사하기 - cloneNode() 만나서 반가워요 .red-border { border : 1px solid red; height : 1em; } function copyDiv() { ..