Javascript 如何仅显示HTML中的图像

你好，

我有一个React应用程序，我正在使用axios获取Blogger API。在响应中，有一个

content

属性。它包含HTML，但字符串如下：

   {
       "content": "<div> some content </div>"
   }

{
“内容”：“一些内容”
}

因此，我使用

react html解析器

包将其转换为JSX

问题是，我想从这个

内容

JSX中获取第一个

，并只显示它-隐藏其他元素

---

我试着为

*

设置

显示：无

，为

img设置
显示：块
，但随后什么都看不见，包括图像



提前感谢
您可以先将图像标记提取为字符串，然后通过
react html解析器显示它

试试这个

let imageTagStr = content.match(/<img\s+[^>]*src="([^"]*)"[^>]*>/i);

让imageTagStr=content.match（/]*>/i）；
您可以通过首先编辑字符串以隔离标记来完成此操作：

const firstSplit = content.split('<img')[1].split('/>')[0].concat('/>');
const finalsplit = '<img'.concat(firstSplit);

这不是问题。
为什么不尝试使用以下方法将html字符串转换为Dom元素：

content.match(/<img\s+[^>]*src="([^"]*)"[^>]*>/i);

然后只使用javascript解析它。
太好了！请接受一个答案，此问题将被视为“已结束”。thnx:）
let doc = new DOMParser().parseFromString(YOUR_STRING, "text/xml");