个人中心
gpt4 book ai didi

javascript - 在javascript中添加和删除多个元素

转载 作者：行者123 更新时间：2023-11-30 09:08:52 27 4
gpt4 key购买 nike

我正在尝试使用 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>

最佳答案

list_node.innerHtml('');

innerHTML 是属性，不是函数；并且 innerHtml 不存在，除非您正在使用的东西正在定义它。大多数浏览器的 javascript 控制台都会提醒您这一点。

通常，当发生未捕获的异常时，脚本会停止执行。所以脚本停在那里。

关于javascript - 在javascript中添加和删除多个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2214619/

27 4 0
文章推荐： java - 在 Netbeans GUI Builder 中，如何使图像根据父级 JLabel 的大小自动缩放其大小？
文章推荐： Javascript 和性能，使用 jQuery 还是 Javascript？
文章推荐： javascript - 拆分图像的 href 标签
文章推荐： java - 持有类实例的替代方案
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com