Javascript 使用html从变量中删除样式标记

Javascript 使用html从变量中删除样式标记,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个包含大量html和内联style标记的变量。我想从此html变量中删除所有style标记。 我已经用过了,但是它返回了一个对象,我不能从这个对象中获取所有的html。我认为它只适用于单个html元素。但是我在这个html中有很多段落和跨度 jQuery(content).removeAttr('style'); 非常感谢您的帮助。您可以使用“全部”选择器 jQuery('*').removeAttr('style'); 根据我的评论,这里是工作片段,我希望它对您有所帮助: var

我有一个包含大量html和内联
style
标记的变量。我想从此html变量中删除所有
style
标记。 我已经用过了,但是它返回了一个对象,我不能从这个对象中获取所有的html。我认为它只适用于单个html元素。但是我在这个html中有很多段落和跨度

jQuery(content).removeAttr('style');

非常感谢您的帮助。

您可以使用“全部”选择器

jQuery('*').removeAttr('style');

根据我的评论,这里是工作片段,我希望它对您有所帮助:

var html='

; var$html=$(html); $html.find('*').removeAttr('style'); console.log(“In:”,html); log(“Out:”,$html.prop('outerHTML')


您是否在询问如何删除元素及其所有子元素的样式?您可以简单地使用这样的递归函数来实现。不需要jquery

// Recursively remove styles from a base element.
// Depth first.
function clearStyles(element) {
  for (var i = 0; i < element.childElementCount; i++) {
    clearStyles(element.children[i]);
  };
  element.style = '';
}

clearStyles(document.getElementById(id));
//递归地从基元素中删除样式。
//深度优先。
函数类型(元素){
对于(变量i=0;i
var内容=`
按回车键
`;
content=jQuery(“”+content+“”).find('*').removeAttr('style').end().html();
控制台日志(内容)

内容是什么样子的?假设它是一个HtmleElement.jQuery始终与jQuery对象一起返回,那么上面的代码将正常工作,如果您将html字符串传递给它,它将解析为dom对象。您可以这样做:
jQuery(content).removeAttr('style').prop('outerHTML')
返回html代码;这些样式属性首先是如何在标记中结束的?停止添加它们?内容变量有一些段落和跨距有样式标记,我想从这个变量中删除这些样式标记。一旦你将其解析为HTML,你应该能够在该对象上使用js方法。这段代码适合我。非常感谢你的帮助和时间。