javascript

 

 

자바스크립트 append() / prepend()

 

append, prepend
append() / prepend()

 

<div class="wrap">
        <div class="target">
            <p class="fixed">fixed</p>
        </div>
</div>
<script>
const target = document.querySelector('.target');

const first_ele = document.createElement('p');
const second_ele = document.createElement('p');

first_ele.innerText = "append";
second_ele.innerText = "prepend";


target.append(first_ele);
target.prepend(second_ele);
</script>

 

 

target을 기준으로 first는 append를 사용했고 second는 prepend를 사용하여 적용한 결과이다.

 

기존에 있었던 fixed는 가운데에 위치했고 prepend는 앞 쪽에, append는 뒤에 첨부되었다.

 

target.parentNode.append(first); 이런식으로도 사용 가능

 

 

저작자표시 (새창열림)