我有一个变量,存储用户的html输入,这个输入可以是文本或图像.我想判断用户是否输入了图像或简单文本

用户条目示例

this.userEntries = <p> < img  src=" nature.png"></p>

txtOrImg: function () {
// expected logic 
if userEntries includes tagname('img') return ... else return ...
}

推荐答案

使用DOMParser()及其parseFromString()方法.然后使用Element.querySelector()遍历它以获得所需的子元素

const data = `<p><img src="nature.png"></p>`;

const doc = new DOMParser().parseFromString(data, "text/html");
const img = doc.querySelector("img");

if (img) {
  console.log("Has image!", img);
} else {
  console.log("No image");
}

Javascript相关问答推荐

React 17与React 18中的不同setState行为

Redux查询多个数据库Api reducerPath&

扫描qr code后出错whatter—web.js

从WooCommerce Checkout Country字段重新排序国家,保持国家同步

为什么当我解析一个promise时,输出处于挂起状态?

我正在建立一个基于文本的游戏在react ,我是从JS转换.我怎样才能使变量变呢?

如何在coCos2d-x中更正此错误

为什么这个.add.group({})在教程中运行得很好,但在我的游戏中就不行了?

OpenAI转录API错误请求

在VS代码上一次设置多个变量格式

无法读取未定义的属性(正在读取合并)-react RTK

在D3条形图中对具有相同X值的多条记录进行分组

使用jQuery find()获取元素的属性

JavaScript -复制到剪贴板在Windows计算机上无效

如何在下一个js中更改每个标记APEXCHARTS图表的 colored颜色

相对于具有选定类的不同SVG组放置自定义工具提示

使用jQuery每隔几秒钟突出显示列表中的不同单词

与find()方法一起使用时,Mongoose中的$or运算符没有提供所有必需的数据

App Script如何读取通过云函数传递的表单对象

为什么我的AJAX联系人表单不能留在同一页上?