如何移除这个img标签

Question

<img src="https://res.cloudinary.com/dvhhqcxre/image/upload/v1611495185/zenith/tldyffcvvfm9fj51pvjp.jpg">

我想去掉img标签，我只想要图像链接

Answer 1

const image = document.querySelector('img')
image.outerHTML = image.src

<img src="https://res.cloudinary.com/dvhhqcxre/image/upload/v1611495185/zenith/tldyffcvvfm9fj51pvjp.jpg">

Answer 2

您可以使用DOMParser来解析字符串并获得图像的src属性:

const str = `<img src="https://res.cloudinary.com/dvhhqcxre/image/upload/v1611495185/zenith/tldyffcvvfm9fj51pvjp.jpg">`;
const res = new DOMParser().parseFromString(str, "text/html").querySelector('img').src;
console.log(res)