자바스트립트 innerHTML 값 없애기

· 2013-11-15 (금) 12:04:13 · 1257 · 1
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개

2013-11-15 (금) 12:17:30
img 테그에 id값을 만드시고 jquery remove 사용하면 쉽게 해결됩니다. append도 있구요.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

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

+
제목 글쓴이 날짜 조회
13-11-15 조회 1,813
13-11-15 조회 1,458
13-11-15 조회 972
13-11-15 조회 1,772
13-11-15 조회 1,008
13-11-15 조회 1,258
13-11-15 조회 1,155
13-11-15 조회 1,264
13-11-15 조회 1,813
13-11-15 조회 1,715
13-11-15 조회 1,780
13-11-15 조회 1,291
13-11-15 조회 1,236
13-11-15 조회 1,779
13-11-15 조회 1,559
13-11-14 조회 1,276
13-11-14 조회 1,189
13-11-14 조회 1,677
13-11-14 조회 1,943
13-11-14 조회 1,696