如何从html中删除所有属性？

Question

我有原始的 html，里面有一些用于各种标签的 css 类。

例子：

输入：

<p class="opener" itemprop="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque molestias natus iste labore a accusamus dolorum vel.</p>

我只想得到普通的 html，例如：

输出：

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque molestias natus iste labore a accusamus dolorum vel.</p>

我不知道这些类的名称。我需要在 JavaScript (node.js) 中执行此操作。

有什么想法吗？

Answer 1

正如我在 cmets 中所指出的，这可以通过 Cheerio 完成。
要删除所有元素的所有属性，您可以：

var html = '<p class="opener" itemprop="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque molestias natus iste labore a accusamus dolorum vel.</p>';

var $ = cheerio.load(html);   // load the HTML

$('*').each(function() {      // iterate over all elements
    this.attribs = {};     // remove all attributes
});

var html = $.html();          // get the HTML back

Answer 2

我将使用标签名称和该元素的innerHTML 创建一个新元素。然后你可以用新元素替换旧元素，或者用newEl 做任何你喜欢的事情，如下面的代码：

// Get the current element
var el = document.getElementsByTagName('p')[0];

// Create a new element (in this case, a <p> tag)
var newEl = document.createElement(el.nodeName);

// Assign the new element the contents of the old tag
newEl.innerHTML = el.innerHTML;

// Replace the old element with newEl, or do whatever you like with it

Answer 3

也许 js 中的一些正则表达式可以提取出那些 css 标签，然后输出精简后的版本？如果我理解你的问题，那就是正确的

Answer 4

也许，只需使用 Notepad++，快速的“查找/替换”操作和空格将是最快的方法，而不是在解析器或类似的东西中思考。

Answer 5

即兴发挥：

$('.some_div').each(function(){
    class_name = $(this).attr('class');
    $(this).removeClass(class_name)})

Answer 6

在python中，这样做，但提供一个文件和标签的列表而不是硬编码的，然后包装在一个for循环中：

#!/usr/bin/env python
# encoding: utf-8
import re
f=open('fileWithHtml','r')

for line in f.readlines():
        line = re.sub('<p\s(.*)>[^<]', '<p>', line)
        print(line)

很可能，这可以很容易地转换为 nodejs 的 JavaScript

Answer 7

您可以使用 DOM（或 SAX，取决于您想要做什么）解析器动态解析元素并删除所有遇到的样式属性。

在 JavaScript 上，你可以使用 HTML DOM removeAttribute() 方法。

<script>
  function myFunction()
  {
    document.getElementsByClassName("your div class")[0].removeAttribute("style"); 
};
</script>

Answer 8

我正在提供客户端 （浏览器） 版本，因为当我在谷歌上搜索 删除 HTML 属性时出现了这个答案：

// grab the element you want to modify
var el = document.querySelector('p');

// get its attributes and cast to array, then loop through
Array.prototype.slice.call(el.attributes).forEach(function(attr) {

    // remove each attribute
    el.removeAttribute(attr.name);
});

作为一个函数：

function removeAttributes(el) {

    // get its attributes and cast to array, then loop through
    Array.prototype.slice.call(el.attributes).forEach(function(attr) {

        // remove each attribute
        el.removeAttribute(attr.name);
    });
}

Answer 9

$ = cheerio.load(htmlAsString);

const result = $("*")
 // specify each attribute to remove, "*" as wildcard does not work
.removeAttr("class")
.removeAttr("itemprop")
.html();
// if you also wanted to remove the inner text for some reason, comment out the previous .html() and use
//.text("")
//.toString();

console.log("result", result);