前端怎么去掉字符串中所有的img标签和p标签和其内容

如果你想要去掉字符串中所有的img标签、p标签及其内容，可以使用正则表达式来实现。以下是一个示例代码：

function removeTagsAndContent(str) {
  const regex = /<(img|p)[^>]*>.*?<\/(img|p)>/g;
  return str.replace(regex, '');
}

const input = '<p>This is a <img src="image.jpg"> sample <img src="image2.jpg"> string.</p>';
const output = removeTagsAndContent(input);
console.log(output);

在上述代码中，`removeTagsAndContent` 函数使用正则表达式 `<(img|p)[^>]*>.*?<\/(img|p)>` 来匹配img标签和p标签及其内容，并通过 `replace` 方法将其替换为空字符串。最后，调用该函数并传入包含img标签和p标签的字符串，即可得到不包含这些标签及其内容的结果。

需要注意的是，这种方法假设了标签之间没有嵌套关系，如果有嵌套关系或更复杂的HTML结构，建议使用HTML解析器来处理。

相关问题

前端怎么去掉字符串中所有的img标签和p标签

你可以使用正则表达式来去掉字符串中所有的img标签和p标签。以下是一个示例代码：

function removeTags(str) {
  const regex = /<(img|p)[^>]*>/g;
  return str.replace(regex, '');
}

const input = '<p>This is a <img src="image.jpg"> sample <img src="image2.jpg"> <p>string.</p></p>';
const output = removeTags(input);
console.log(output);

在上面的代码中，`removeTags` 函数使用正则表达式 `<(img|p)[^>]*>` 来匹配所有的img标签和p标签，并通过 `replace` 方法将其替换为空字符串。最后，调用该函数并传入包含img标签和p标签的字符串，即可得到不包含这些标签的结果。

需要注意的是，这种方法只能去掉标签本身，并不能移除标签内部的内容。如果你需要移除标签内部的内容，可以使用更复杂的正则表达式或者考虑使用HTML解析器来进行处理。

前端怎么去掉字符串中所有的img标签

你可以使用正则表达式来去掉字符串中所有的img标签。以下是一个示例代码：

function removeImgTags(str) {
  const regex = /<img[^>]*>/g;
  return str.replace(regex, '');
}

const input = '<p>This is a <img src="image.jpg"> sample <img src="image2.jpg"> string.</p>';
const output = removeImgTags(input);
console.log(output);

在上面的代码中，`removeImgTags` 函数使用正则表达式 `<img[^>]*>` 来匹配所有的img标签，并通过 `replace` 方法将其替换为空字符串。最后，调用该函数并传入包含img标签的字符串，即可得到不包含img标签的结果。

注意：这种方法只能去掉img标签本身，并不能移除img标签内部的内容。如果你需要移除img标签内部的内容，可以使用更复杂的正则表达式或者考虑使用HTML解析器来进行处理。