解析标签javascript的html属性

Question

我遇到了以下情况，无法找出解决方案，我是 javascript 新手，我尝试在互联网上搜索，但找不到可行的解决方案。1）我想获取查询的标签的属性。例如，如果我有一个如下标签

<a href = "pqr/dl/"> docName </a>

如何获取href的值？通过做

el.getElementsByTagName("a")[0].childNodes[0].nodeValue

通过这样做，我只能获取标签的值，即“docName”。

2）如何查询“img”标签？我有一个图像标签如下

<img src = "/icons/alpha.gif" alt="[DIR]">

如果我做

console.log(el.getElementsByTagName("img")[0].childNodes[0].nodeValue)

它在控制台上打印“null”。我需要 src 和 alt 的值。

提前致谢

Answer 1

您需要使用 Element.getAttribute() 方法。请参阅https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute

var href = el.getElementsByTagName("a")[0].childNodes[0].getAttribute("href");
var src = el.getElementsByTagName("img")[0].childNodes[0].getAttribute("src");
var alt = el.getElementsByTagName("img")[0].childNodes[0].getAttribute("alt");