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

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

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

当然，正如我很快发现的那样，它返回一个对象而不是字符串。我尝试在.toString()变量上运行ImageType，但这没有用。有什么我想念的吗？

最佳答案

使用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文档中: