Question

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

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

如何获得href的值？通过做

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

我只能得到标签的价值，即＆＃34; docName＆＃34;通过这样做。

2）如何查询＆＃34; img＆＃34;标签？我有一个图片标签如下

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

如果我这样做

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

它正在打印＆＃34; null＆＃34;在控制台上。我需要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");

Answer 2

您可以使用getAttribute()方法。

＆＃13;

var href = document.getElementsByTagName("a")[0].getAttribute("href");
var scr = document.getElementsByTagName("img")[0].getAttribute("src");
var alt = document.getElementsByTagName("img")[0].getAttribute("alt");

alert('href:' +href+'         scr:'+scr+'            alt:'+alt);

＆＃13;

<a href = "pqr/dl/"> docName </a>

<img src = "/icons/alpha.gif" alt="[DIR]">

＆＃13;

Answer 3

尝试：

document.querySelectorAll("a")[0].getAttribute('href');

和图片：

document.querySelectorAll("img")[0];

解析标签javascript的html属性

3 个答案: