자바스트립트 innerHTML 값 없애기 정보
자바스트립트 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번째 사진이 동일하게 보이죠...
해결 방법 좀 알려주세요
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번째 사진이 동일하게 보이죠...
해결 방법 좀 알려주세요
댓글 전체
img 테그에 id값을 만드시고 jquery remove 사용하면 쉽게 해결됩니다. append도 있구요.