Как удалить все атрибуты из html?

Question

У меня есть raw 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

Это может быть сделано с 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[0].attribs = {};  // remove all attributes 
}); 

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

Answer 2

Возможно, некоторое регулярное выражение в js может выщипывать те теги css, а затем выводить урезанную версию? thats, если я понимаю ваш вопрос, корреспондент

Answer 3

Возможно, просто используйте Notepad ++, и быстрое действие «Найти/заменить» с пробелом будет самым быстрым способом, вместо того, чтобы думать в синтаксическом анализаторе или что-то подобное.

Answer 4

Я бы создал новый элемент, используя имя тега и 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 5

импровизировать это:

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

Answer 6

В питона, сделайте так, но предоставить список файлов и тегов, вместо жесткого закодированных из них, а затем завернуть в цикле:

#!/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) 

Скорее всего, это может быть легко переведен на JavaScript для nodejs

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); 
    }); 
}