如何通过javascript获取标签标签中的图像属性？ [关闭]答案

【问题标题】：how get image property in a label tag by javascript? [closed]如何通过javascript获取标签标签中的图像属性？ [关闭]
【发布时间】：2021-04-19 18:58:24
【问题描述】：

&lt;label for="s1" id="slide1"&gt;&lt;img class="topCard" src="https://via.placeholder.com/150.png" alt="example"&gt;&lt;/label&gt;

我想通过javascript从这个标签中的img标签中获取“alt”和“src”。我已经通过 javascript 选择了标签并将其放入如下变量中：

let label = document.querySelector(selector);

如何通过javascript从这个标签中的img标签中获取“alt”和“src”？

【问题讨论】：

熟悉DOM API。 selector 是什么？为什么只选择标签而不直接选择图像？您知道getAttribute 方法或如何获取元素的属性吗？顺便说一句，要仅从src 属性中获取文件名，请参阅javascript onclick get image name without path。

【解决方案1】：

let label = document.querySelector('img');
console.log(label.getAttribute('src'));

&lt;label for="s1" id="slide1"&gt;&lt;img class="topCard" src="/A-Z/G.png" alt="G"&gt;&lt;/label&gt;

【讨论】：

【解决方案2】：

有了label标签后，我们可以通过“getElementsByTagName”在其中获取img标签。像这样：

let img = label.getElementsByTagName('img')[0];
let alt = img.getAttribute('alt');

【讨论】：