이름과 주소를 동적으로 추가하는 문서객체를 만드는 연습을 할 계획이다.
추가하는 방식을 3가지로 작성하여 버튼이 3개다.
2022.07.10 - [javascript] - Step04_createElement(createElement, append, this, remove)스터디
위의 학습이 필요하다
1번 방법
연결연산과 insertAdjacentHTML를 활용하여 tbody 의 beforeend 위치에 삽입해주는 방법이다.
2번 방법
1번 방법과 유사하다. 연결연산을 하지 않고 전체를 텍스트 처리하고 이름과 주소가 들어가는 변수를 ${}안에 넣어 작성했다.
3번 방법
append 를 사용하여 해당 요소의 마지막에 새로운 요소를 추가할 수 있게 작성했다.
'javascript, framework > javascript' 카테고리의 다른 글
| Step07_operator(연산자)스터디 (0) | 2022.07.10 |
|---|---|
| Step06_example2(creatElement, append 응용)스터디 (0) | 2022.07.10 |
| Step06_innerHTML(innerHTML, insertAdjacentText, insertAdjacentHTML, beforeend)스터디 (0) | 2022.07.10 |
| Step05_random(floor(Math.random()*숫자))스터디 (0) | 2022.07.10 |
| Step05_example(&&, 비동기 작업, 가위바위보)스터디 (0) | 2022.07.10 |
