Добавление и удаление нескольких элементов в javascript

Я пытаюсь динамически заполнять список изображений с помощью javascript. У меня есть следующий код, но он не работает. Если вы видите какие-либо ошибки или знаете лучший способ сделать это, любая помощь будет оценена по достоинству.Добавление и удаление нескольких элементов в javascript

код выглядит следующим образом:

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<script type="text/javascript"> 
function generateCarousel(baseval, num_images) 
{ 
    var list_node = document.getElementById("carousel"); 
    list_node.innerHtml(''); // clear the previous contents 

    for (var i = 0; i < num_images; i++) 
    { 
     var img = document.createElement("img"); 
     img.src = baseval + ((i<9)?0+i:i) + ".jpg"; 
     list_node.appendChild(img); 
    } 
} 
</script> 
<style type="text/css"> 
#carousel { 
    width: 700px; 
    height: 450px; 
    overflow-x: scroll; 
    overflow-y: hidden; 
    white-space: nowrap; 
} 
</style> 

</head> 


<body> 

<div id="Container"> 



<div id="Content"> 

<div id="carousel">    
    <img src="images/placeholder0.jpg" height="450" /> 
    <img src="images/placeholder1.jpg" height="450" /> 
</div> 

<a onclick="generateCarousel('images/set1/', 10); return false;">set 1</a> 

<a onclick="generateCarousel('images/set2/', 12); return false;">set 2</a> 
    </div> 

</div> 

</body> 

</html>

источник

2010-02-06 MRAISKY

Предложение: всякий раз, когда вы публикуете вопрос о чем-то, что «не работает», очень полезно, если вы точно описываете, что происходит и что вы ожидаете. Есть ли ошибки? Исключения? Что-то происходит, но не так? Если это не так, то каким образом это не так? Мы не можем читать ваш ум, и мы не можем видеть ваш экран. – Pointy

"innerHTML" не является функцией.

list_node.innerHTML = '';

источник

2010-02-06 20:41:19 Pointy

list_node.innerHtml('');

innerHTML это свойство, а не функция; и innerHtml не существует, если только то, что вы используете, не определяет его. Большинство консолей javascript браузеров предупредили вас об этом.

Обычно выполнение скрипта прекращается, когда происходит неперехваченное исключение. Итак, сценарий остановился.

источник

2010-02-06 20:39:12 Anonymous

Как обсуждалось в других, вы должны изменить строку, где вы установили внутренний HTML для

`list_node.innerHTML = '';`

отмечая, что это атрибут, а не функция, и что вопросы случай.

Кроме того, вы можете добавить следующее в свой CSS, чтобы получить все изображения, чтобы автоматически заполнить высоту карусели.

#carousel img { height: 100%; }

источник

2010-02-06 20:48:10

Добавление и удаление нескольких элементов в javascript

ответ

Смежные вопросы