자바스트립트 innerHTML 값 없애기

function previewlist(values) {
var files_list = document.getElementById("uploaded_file_list");
for (var i=0; i < files_list.options.length; i++) {
var list = get_file_info(files_list.options[i].value);
document.getElementById("image_preview["+i+"]").innerHTML = "<img src=" + board_file_path + "/" + list.bf_file + " width=" + thumb_width + " height=" + thumb_height + ">"};
};

위와 같은 함수가 있습니다.

이 함수는 이미지는 불러오거나 삭제하거나 하면 사진의 썸네일들이 다시 출력되고 정렬 되는 함수 입니다.

추가를 하면 잘 작동을 합니다.

그런데 삭제는 하면 맨 뒷의 사진이 그대로 살아있습니다.

예를 들어

처음에 사진 5장을 불러 오고 첫 번째 사진을 하나 지웠습니다.

그럼 1번에는 처음2번사진, 2번에는 처음3번사진 ......4번에는 처음5번째 사진이 들어갑니다.

문제는 5번째 사진이 그대로 출력이 됩니다.그래서 4번째사진과 5번째 사진이 동일하게 보이죠...

해결 방법 좀 알려주세요

|

댓글 1개

img 테그에 id값을 만드시고 jquery remove 사용하면 쉽게 해결됩니다. append도 있구요.
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 1,658
12년 전 조회 2,196
12년 전 조회 1,544
12년 전 조회 1,636
12년 전 조회 1,654
12년 전 조회 1,311
12년 전 조회 829
12년 전 조회 1,636
12년 전 조회 880
12년 전 조회 1,114
12년 전 조회 995
12년 전 조회 1,130
12년 전 조회 1,634
12년 전 조회 1,574
12년 전 조회 1,634
12년 전 조회 1,149
12년 전 조회 1,105
12년 전 조회 1,644
12년 전 조회 1,427
12년 전 조회 1,135
🐛 버그신고