위키
포럼
도구
바뀐글
랜덤

"자바스크립트 cloneNode & appendChild"의 두 판 사이의 차이

 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
11번째 줄: 11번째 줄:
const clone = document.getElementById("apple").cloneNode(true);
const clone = document.getElementById("apple").cloneNode(true);
document.getElementById("container").appendChild(clone);
document.getElementById("container").appendChild(clone);
</script>
</syntaxhighlight>
<syntaxhighlight lang='html' run>
<div class="container">
  <div class="apple">Apple</div>
  <div class="banana">Banana</div>
</div>
<script>
const clone = document.getElementsByClassName("apple")[0].cloneNode(true);
document.getElementsByClassName("container")[0].appendChild(clone);
</script>
</script>
</syntaxhighlight>
</syntaxhighlight>


==같이 보기==
==같이 보기==
* [[자바스크립트 cloneNode()
* [[자바스크립트 cloneNode()]]
* [[자바스크립트 appendChild()]]
* [[자바스크립트 appendChild()]]
* [[jQuery clone()]]
* [[jQuery clone()]]


[[분류: JavaScript]]
[[분류: JavaScript]]

2022년 4월 11일 (월) 11:01 기준 최신판

1 개요[ | ]

자바스크립트 cloneNode & appendChild
<div id="container">
  <div id="apple">Apple</div>
  <div id="banana">Banana</div>
</div>

<script>
const clone = document.getElementById("apple").cloneNode(true);
document.getElementById("container").appendChild(clone);
</script>

<div class="container">
  <div class="apple">Apple</div>
  <div class="banana">Banana</div>
</div>

<script>
const clone = document.getElementsByClassName("apple")[0].cloneNode(true);
document.getElementsByClassName("container")[0].appendChild(clone);
</script>

2 같이 보기[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=자바스크립트_cloneNode_%26_appendChild&oldid=808111"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}