解析标签javascript的html属性

parsing html attributes of tag javascript

本文关键字：html 属性 javascript 标签      更新时间：2023-09-26

我遇到了以下情况，无法找到解决方案，我是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.的值

提前感谢

您需要使用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");

您可以使用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]">

尝试：

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

对于图像：

document.querySelectorAll("img")[0];
相关文章：