javascript, framework/javascript
Step06_example(beforeend)스터디
bono.html
2022. 7. 10. 18:38
이름과 주소를 동적으로 추가하는 문서객체를 만드는 연습을 할 계획이다.
추가하는 방식을 3가지로 작성하여 버튼이 3개다.
2022.07.10 - [javascript] - Step04_createElement(createElement, append, this, remove)스터디
위의 학습이 필요하다
1번 방법
연결연산과 insertAdjacentHTML를 활용하여 tbody 의 beforeend 위치에 삽입해주는 방법이다.
2번 방법
1번 방법과 유사하다. 연결연산을 하지 않고 전체를 텍스트 처리하고 이름과 주소가 들어가는 변수를 ${}안에 넣어 작성했다.
3번 방법
append 를 사용하여 해당 요소의 마지막에 새로운 요소를 추가할 수 있게 작성했다.