把路径写到js对象属性src中,然后无法正常读取路径,应该怎么写路径
初学JavaScript
```
![猴子 动物]()
<button id="first">首页</button>
<button id="pre">上一页</button>
<button id="next">下一页</button>
<button id="end">尾页</button>
<script>
var first = document.getElementById("first");
var pre = document.getElementById("pre");
var next = document.getElementById("next");
var end = document.getElementById("end");
var img = document.getElementsByTagName("img");
var index = 0;
var imgArr = [
{
src : "img/1.jpg",
name : '猴子'
},
{
src : 'img/2.jpg',
name : '猪'
},
{
src : 'img/3.jpg',
name : '藏羚羊'
},
{
src : 'img/4.jpg',
name : '北极熊'
},
]
first.onclick = function(){
index = 0;
img.src = imgArr[index].src;
console.log(img.src);
}
pre.onclick = function(){
index--;
if(index<0) index = 0;
img.src = imgArr[index].src;
}
next.onclick = function(){
index++;
if(index>imgArr.length-1)
index = imgArr.length-1;
img.src = imgArr[index].src;
}
end.onclick = function(){
index = imgArr.length-1;
img.src = imgArr[index].src;
}
```