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
- justify-content
- frontend
- 문자열
- 반복문
- typeof
- boolean
- 화살표함수
- 함수선언식
- 함수
- 변수
- align-content
- if else
- properties
- ELSE
- for in
- flex
- 논리연산자
- 조건문
- flex-direction
- Methods
- 함수표현식
- flex-wrap
- 비교연산자
- 타입
- 속성
- for
- for of
- 기초
- 프론트엔드
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 |