解析WordPress RSS时media:thumbnail返回HTMLCollection如何解决

问题原因 #

getElementsByTagName方法返回的是符合匹配规则的HTMLCollection元素集合，而非单个DOM元素，这就是你输出时得到[object HTMLCollection]的原因。同时media:thumbnail标签的url属于标签自定义属性，需要通过getAttribute方法读取对应值。

修复方案 #

将循环内获取缩略图的代码替换为以下内容即可：

var thumbCollection = item.getElementsByTagName("media:thumbnail");
// 兼容无缩略图的文章，空值可替换为你自己的默认占位图地址
var thumbUrl = thumbCollection.length > 0 ? thumbCollection[0].getAttribute('url') : '';

后续拼接HTML时，将img标签的src属性赋值从原来的thumb改为thumbUrl即可正常读取到缩略图地址。

内容的提问来源于stack exchange，提问作者Wesley