如何将图像源作为字符串返回？

Question

我正在尝试将图像源转换为字符串，以便可以在其上运行 substring()。我使用以下 JavaScript 来获取源代码：

function ShowQuizAnswers(quiz) {
    var QuizImage = document.getElementById(quiz);
    var ImageType = QuizImage.attributes.src;
    console.log(ImageType);
}

当然，我很快发现，这返回了一个对象而不是字符串。我尝试在ImageType 变量上运行.toString()，但这不起作用。我有什么遗漏吗？

Answer 1

使用Element#getAttribute或者直接从dom对象中获取src属性。

function ShowQuizAnswers(quiz) {
    var QuizImage = document.getElementById(quiz);
    var ImageType = QuizImage.src;
    console.log(ImageType);
}

或

function ShowQuizAnswers(quiz) {
    var QuizImage = document.getElementById(quiz);
    var ImageType = QuizImage.getAttribute('src');
    console.log(ImageType);
}

---

仅供参考：attributes 是一个类似数组的结构 (NamedNodeMap)。它实际上有助于遍历元素的所有属性，但您不能直接从它访问属性。

来自 MDN 文档：

Element.attributes 属性返回注册到指定节点的所有属性节点的实时集合。它是NamedNodeMap，而不是数组，因此它没有数组方法，并且 Attr 节点的索引可能因浏览器而异。更具体地说，属性是字符串的键/值对，表示有关该属性的任何信息。

Answer 2

试试：

const imageURL = document.getElementById(quiz).src