JavaScriptエラーについて

質問

お世話になります。
おわかりになる方、ぜひ教えてください。

タブメニューのボタンを押すと、内容が切り替わるというJavaScriptなのですが、いちよう正常に動作はしているようなのですが、エラーがでてしまいます。
エラーを無くしたいのですが、どうすればいのでしょうか？

【エラー内容】
'document.getElementById()'はNullまたはオブジェクトではありません。

【HTML】
<div id="javascript_tab_sample">
<ul>
<li><a href="#W3C">W3C</a></li>
<li><a href="#xhtml">xhtml</a></li>
</ul>

<dl id="w3c">
<p>内容1</p>
</dl>

<dl id="xhtml">
<p>内容2</p>
</dl>

</div>

【JavaScript】
window.onload=function() {
tab.setup = {
tabs: document.getElementById('tab').getElementsByTagName('li'),

pages: [
document.getElementById('w3c'),
document.getElementById('xhtml')
]
}

tab.init();
}
/*--setup end--*/

var tab = {
init: function(){
var tabs = this.setup.tabs;
var pages = this.setup.pages;

for(i=0; i<pages.length; i++) {
if(i !== 0) pages[i].style.display = 'none';
tabs[i].onclick = function(){ tab.showpage(this); return false; };
}
},

showpage: function(obj){
var tabs = this.setup.tabs;
var pages = this.setup.pages;
var num;

for(num=0; num<tabs.length; num++) {
if(tabs[num] === obj) break;
}

for(var i=0; i<pages.length; i++) {
if(i == num) {
pages[num].style.display = 'block';
tabs[num].className = 'selected';
}
else{
pages[i].style.display = 'none';
tabs[i].className = null;
}
}
}
}

よろしくお願いします。

回答No.1

noname#84373 · ベストアンサー

tabs: document.getElementById('tab').getElementsByTagName('li'),
を
tabs: document.getElementById('javascript_tab_sample').getElementsByTagName('li'),

補足

ご回答ありがとうございます！！

上記記入した所、ＩＥ6以外のブラウザでは、エラー表示がでなくなりました！！
ありがとうございます。

しかし、なぜかＩＥ6のみまだ、エラーが出てしまします。
なぜなんでしょうか・・・？