Javascript 如何以字符串形式返回图像源？

我正在尝试将图像源转换为字符串，以便可以对其运行

substring（）

。我使用以下JavaScript获取源代码：

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

当然，我很快发现，它返回的是一个对象而不是字符串。我尝试在

ImageType

变量上运行

.toString（）

，但没有成功。是否缺少某些内容？

使用或直接从dom对象获取属性

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

或

---

仅供参考：是一个类似数组的结构（）。它实际上有助于迭代元素的所有属性，但不能直接从中访问属性

从MDN文档：

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

尝试：

---

const-imageURL=document.getElementById（quick.src

很好用，谢谢。有什么理由支持其中一种方法而不是另一种方法吗？@ChrisLallo您可能在查找

src

属性，而不是

src

属性，尽管如果属性是绝对url，它们将是相同的。如果属性是相对url，则属性仍然是完整url，这通常更有用。@ChrisLallo:要获取字符串，您需要

QuizImage.attributes.src.value

，但您应该按照Pranav C Balan所说的方式获取。可能重复的可能重复的可能重复的

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