Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 조건문
- 기초
- 함수
- javascript
- typeof
- 함수표현식
- 변수
- 프론트엔드
- 논리연산자
- frontend
- 문자열
- 속성
- 화살표함수
- ELSE
- Methods
- 함수선언식
- flex-wrap
- for of
- if else
- 비교연산자
- boolean
- 반복문
- for in
- for
- flex-direction
- properties
- 타입
- justify-content
- align-content
- flex
Archives
- Today
- Total
하얀 코딩
[DOM - 6] Element 추가 / 삭제 본문
Document API
document.createElement()
문자열 인자로 element tag를 입력하면 해당 엘리먼트가 생성돼 반환됨
Element API
.appendChild(인자)
추가할 element를 인자로 받아 호출된 element의 자식으로 인자를 추가함
.removeChild(인자)
삭제할 element를 인자로 받아 호출된 element의 자식중에서 해당 element를 삭제
.insertBefore(인자1, 인자2)
특정 요소를 다른 요소 앞에 삽입할 때 주로 활용됩니다. 이 메서드는 두 개의 매개변수를 받으며, 첫 번째 매개변수는 삽입하려는 요소를, 두 번째 매개변수는 참조 요소를 나타냅니다.
.cloneNode()
호출된 element를 복사해서 반환함
'DOM' 카테고리의 다른 글
[DOM - 5] querySelectorAll (0) | 2023.12.12 |
---|---|
[DOM - 4] querySelector (0) | 2023.12.12 |
[DOM - 3] 단일 Element 선택 (0) | 2023.12.12 |
[DOM - 2] 탐색 API (0) | 2023.12.12 |
[DOM - 1] DOM 기초 (0) | 2023.01.04 |