使用纯javascript读取自闭标签的属性？

Question

如何使用纯 javascript 读取 XML 文档中的自结束标记的属性？ 例如。在下面的 xml 元素中获取“url”的值？

<channel>     
  <item> 
    <title>News Title Goes Here<title>
    <media:thumbnail width="144" height="81" url="http://news.bbcimg.co.uk/media/images/80270000/jpg/_80270552_mjadzelics_cleared_07.jpg"/> 
  </item>  
<channel>

javascript 调用 getElementsByTagName 适用于标题节点，但不适用于自关闭媒体：缩略图节点

Answer 1

我把它当作一个字符串来处理...... idk 你正在采取什么方法，但这应该会有所帮助。

你没有关闭你的标题标签，是一回事。

xml 修复：

<title>News Title Goes Here</title>

js

var xml = (new DOMParser()).parseFromString(xml, "text/xml").querySelectorAll('[url]'),
    mediaEls = ([].slice.call(xml)).filter(function(a) { return a.tagName == 'media:thumbnail'}),
    urls = mediaEls.map(function(a, i) { return a.getAttribute('url') });
console.log(urls); 
// ["http://news.bbcimg.co.uk/media/images/80270000/jpg/_80270552_mjadzelics_cleared_07.jpg"]

Answer 2

我设法使用不同的方法访问了该属性。我使用的 javascript xml 调用是 getElementsByTagNameNS，但对于较旧的 IE 浏览器，我回退到 getElementsByTagName 调用。

参见下面的实现代码。

function getElementsByTagNameNS(xml, namespace, prefix, tag)
{
    return xml.getElementsByTagNameNS ? xml.getElementsByTagNameNS(namespace, tag) : xml.getElementsByTagName(prefix + ':' + tag);
}

要使用这个：

var x = xmlDoc.getElementsByTagName("item");
var imgUrl = x.getElementsByTagNameNS("*", "thumbnail").getAttribute("url");