질문드립니다.
261
73 câu hỏi đã được viết
뷰강의를 듣고 자바스크립트도 듣고 싶어서 강의를 듣는중인데요,
DOM 에서 HTML추가요소제거 강의에서
"앞에추가"버튼을 클릭해서 추가될때 뒤에 추가되는것처럼 X을 나오게 하려면 어떻게 해야 하나요?
예제는 뒤에 추가하는것만 x버튼이 나오는데...
뒤에 추가하는것처럼 하려고 헀더니 에러가 나서 아무래도 제가 잘 못한거 같아서요
Câu trả lời 1
0
안녕하새요 :)
"뒤에추가" 버튼 클릭시 로직과 동일 합니다.
아래 코드 보시면 이해가 되실 거에요
// 앞에추가 버튼 클릭시 이벤트
addBeforeBtn.addEventListener('click', function () {
let li = document.createElement('li');
let ul = document.querySelector('ul');
let targetLi = document.querySelector('li#target');
console.log(targetLi);
li.textContent = inputBox.value;
// "X" 버튼 추가 코드 (5줄)
let button = document.createElement('button');
button.textContent = 'X';
button.classList.add('remove-btn');
button.addEventListener('click', removeParentNode);
li.appendChild(button);
// ul.appendChild(li);
ul.insertBefore(li, targetLi);
});
10월 15일 삭제예정 강의 문의
0
30
1
강의제목에 10/15일 삭제라고 나와있는데,
0
46
1
스크립트 영상 미일치
0
73
3
감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.
0
53
2
강의 설명 중에 헷갈리는 것이 있네요
0
49
1
수업자료 관련 문의
0
65
3
1강 동영상 재생 오류
1
66
2
Composition단계에서 `Layer`는 누가 만드는지
0
41
1
Strict Mode 예시 질문!
0
58
2
수업이 안보여요
0
62
1
저자 블로그에 있는 강의는 어떤 강의인가요?
1
62
1
[해결됨]윈도우즈 환경에서 타입 스크립트 파일이 실행이 안됩니다.
1
86
5
4강 카드뉴스 자동화 자료가 안보입니다!!
0
106
2
윈도우즈 환경에서 진행중입니다.
0
63
2
4강 카드뉴스 자동화 자료
6
124
1
다 봤는데 완료가 안되네요
0
118
1
공부를 하면서 질문이 있습니다.
0
176
2
prettier 오류
0
158
1
ebook의 MDN참조링크 업데이트 부탁드립니다.
1
155
2
[계산기 CSS Markup]output 창의 높이관련
0
358
1
[계산기]소수점 이하 '0' 버튼 입력시 상단표시 관련
0
985
1
ebook 문의
1
421
1
삭제를 다 하고 싶은데요,,,
0
384
1
fontawesome kit를 사용하는 네모박스만 나오고아이콘은 나오지 않아요
0
1117
1

