Javascript 使用html从变量中删除样式标记
我有一个包含大量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
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方法。这段代码适合我。非常感谢你的帮助和时间。