为什么我不能在fetch中添加图像src属性。然后呢？ [关闭]

Question

dropdown.addEventListener('change', event => {
fetch(`https://dog.ceo/api/breed/${dropdown.value}/images/random`)
    .then(response => {
        if (response.ok) {
            return response.json()
        }
        throw new Error('Bad HTTP')
    })
    .then(jsonData => {
        let image = document.createElement('image')
        let src = jsonData.message
        image.src = src;
        image.className = 'newClass'
        console.log(src)
        console.log(image)
        result.appendChild(image)
    })

})

console.log image

图像是我的consol.logs，类添加得很好，但src失败了，有人可以解释我做错了什么:(？

Answer 1

问题是创建"image"而不是"img".image标签将创建: The obsolete Image element而不是<img>

根据MDN

创建没有src属性的元素会导致HTMLElement对象具有本地元素名称"image"

qazxsw poi没有任何qazxsw poi属性所以qazxsw poi属性未设置

Incorrect

HTMLElement

当您创建src时，这将不会创建ImageElement

Correct

src