<!DOCTYPE?html>
<html>
<head>
<title>DOM第四章練習(xí)</title>
<script>
var?description=document.getElementById('ol');
function?showPic(whichpic){
var?source=whichpic.getAttribute("href");
var?text=whichpic.getAttribute('title');
description.firstChild.nodeValue=text;/*元素節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)為文本節(jié)點(diǎn)*/
var?show=document.getElementById('show');
show.setAttribute('src',source);
}
var?list1=document.getElementById('list2');
var?links=list1.getElementsByTagName('a');
//alert(list1.length);
for?(var?i?=?0;?i?<?links.length;?i++)?{
links[i].click=function(){
showPic(this);
return?false;
}
}
</script>
</head>
<body>
<h1>圖片</h1>
<ul?id="list2">
<li><a?href="img/image1.jpg"?title="1111">one</a></li>
<li><a?href="img/image2.jpg"?title="2222">two</a></li>
<li><a?href="img/image3.jpg"?title="3333">three</a></li>
</ul>
<img?id="show"?src=""?alt="my?picture"?style="width:?300px;height:?450px;">
<p?id="ol">choose?Image</p>
</body>
</html>是在不清楚是哪里錯(cuò)了，為什么就提示getElementsByTagName為空呢？明明就有A標(biāo)簽的。萬分感謝。
提示：Cannot read property 'getElementsByTagName' of null，大神幫忙看看哪里錯(cuò)了
慕粉1470882511
2016-12-22 14:19:16
