解析標記javascript的html屬性

Question

我遇到以下情況，無法找出解決方案，我是javascript的新手，我嘗試搜索Internet，但找不到可行的解決方案。 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");

Answer 2

您可以使用getAttribute()方法。

 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); 

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

Answer 3

嘗試：

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

對於圖像：

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