我想实现的是类名点击切换效果，具体的功能实现没有问题，只是在一开始的 window.onload 有一些疑惑。HTML代码为：

HTML代码： 
 
 
配送类型：
 
全部
 
京东配送
 
第三方配送
 
 

具体代码见 demo
该 demo 是能够正常实现的，在本地实现的时候，js文件是在标签内最后引入的。现在的问题是，如果改变 window.onload 的写法就会报错，不报错代码如下：

JS代码： window.onload = function(){ del(); };

报错代码如下：（报错为：Uncaught TypeError: Cannot read property 'length' of undefined， 即 dd 为 undefined ）

JS代码： window.onload = del();//即去掉外面包裹的匿名函数

以上情况，都是当将该语句放在脚本文件的开头处。
经测试，如果将上面会报错的代码语句，放置在脚本文件最后的位置，不会报错。
所以想问一下，其中的问题在哪里？