Javascript 如何获取元素'；s child，然后child'；s src

希望有人能帮上忙：

如何获得具有确切标记名的元素子元素（在本例中为

img

）

如何获取此孩子的属性

下一步不起作用：

var banner = document.getElementById('banner');
var imgElement = banner.getElementsByTagName('img');
var imgSrc = imgElement.getAttribute('src');

最后一行返回

imgElement.getAttribute不是函数

。我想这是因为第二行，在那里我得到了

对象HTMLCollection

…但为什么我得到了这个，我必须做什么才能得到我想要的

Thanx会提前很多时间获取帮助。

返回一个HTMLCollection，因此获取数组中的第一个元素，然后获取其src

var imgSrc = imgElement[0].getAttribute('src'); 

var banner=document.getElementById（'banner'）；
var imgElement=banner.getElementsByTagName（'img'）；
var imgSrc=imgElement[0]。getAttribute（'src'）；
警报（imgSrc）
返回HTMLCollection，因此获取数组中的第一个元素，然后获取其src

var imgSrc = imgElement[0].getAttribute('src'); 


var banner=document.getElementById（'banner'）；
var imgElement=banner.getElementsByTagName（'img'）；
var imgSrc=imgElement[0]。getAttribute（'src'）；
警报（imgSrc）
另一种使用子项的替代解决方案


var banner=document.getElementById（'banner'）；
var childImg=banner.children[0]；
var imgSrc=childImg.getAttribute（'src'）；
警报（imgSrc）另一种使用子项的替代解决方案


var banner=document.getElementById（'banner'）；
var childImg=banner.children[0]；
var imgSrc=childImg.getAttribute（'src'）；
警报（imgSrc）
var-imgElement=banner.getElementsByTagName（'img'）[0]可能重复的
var imgElement=banner.getElementsByTagName（'img'）[0]可能重复的谢谢：）但我选择了Arun P Johny的第二个解决方案。更容易理解和更少的写作：）但无论如何比X！谢谢：）但我选择了阿伦·约翰尼的第二种解决方案。更容易理解和更少的写作：）但无论如何比X！