与JavaScript的的getElementById（）令人沮丧的问题

Question

这是我一直要求实现

http://sandbox.leigeber.com/slideshow/

我切碎，改变它非常轻微，因此会融入新网站的模板库系统更容易一点。

每当我运行它，这条线会导致错误

ta=document.getElementById(thumbid); 

话说ta为空。我知道thumbid var的值确实存在为无序列表的ID。

我试图弄清楚现在至少半个小时里发生了什么事情，而且似乎无法完成它！

有人可以告诉我我做错了什么吗？

Answer 1

是的代码看起来很好，并从Firebug控制台运行相同的行工作正常，所以它让我想知道thumbs元素是否在运行时实际存在？它是否在document.ready样式处理程序中？如果在该页面上存在该元素之前调用它，则ta将为空，这会产生该错误。

Answer 2

这是有点不清楚thumbid应该有什么值，但它看起来像你的问题是你的无序列表中的li项目没有id s，他们有value s。

调用document.getElementById('thumbs')正常工作以获取列表本身的ul元素。

Answer 3

在Safari 4第19行向我投掷了一个关于ta的类型错误，它是null。
这是由于您指定ta被分配的行。

我喜欢你如何将函数封装在闭包中，但我认为window.onload可以更改为更多jQuery like;同样可以说你正在寻找的selecting the elements，像t=$('ul#thumbs li')应该做的伎俩。我不知道在ta之前投掷var是否会解决任何问题，但值得一试。

Answer 4

它看起来像幻灯片放映功能过早调用初始化。这将在DOM树准备就绪之前调用：

var slideshow = function() { 
... 
}(); 

尝试在最后删除那个（）。

Answer 5

好消息！ jQuery是用vanilla Javascript编写的！你应该能够复制他们的方法来获取元素的ID并使用它。