JavaScriptで複数の要素を追加および削除

StackOverflow https://stackoverflow.com/questions/2214619

  •  19-09-2019
  •  | 
  •  

質問

私は、動的に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>
役に立ちましたか？

解決

"innerHTMLプロパティは、" 機能ではありません。

list_node.innerHTML = '';

他のヒント

list_node.innerHtml('');

のinnerHTMLプロパティは、関数ではなく、あなたが使用している何かがそれを定義されない限りとinnerHTMLのは、存在しません。ほとんどのブラウザのJavaScriptコンソールはこれにあなたを警告していた。

キャッチされない例外が発生したときに、

通常、スクリプトの実行が停止します。だから、スクリプトが停止します。

他のことで説明したように、

、あなたは

にインナーHTMLを設定する行を変更する必要があります 
`list_node.innerHTML = '';`

それは属性ではなく、機能、およびその場合の問題であることに注目します。

また、あなたは自動的にカルーセルの高さを埋めるためにすべての画像を得るためにあなたのCSSに以下を追加することもできます。

#carousel img { height: 100%; }
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top