Как я могу «сбросить» стили для данного элемента HTML?

Я работаю над встраиваемым JavaScript, который вставляет элементы HTML на неизвестные страницы. У меня нет контроля над таблицами стилей страниц, в которые я буду вставлять HTML. Проблема в том, что HTML-код, который я вставляю, будет ошибочно стилизован под страницу, и я хочу предотвратить это.

Что наименее многословно и / или ресурсоемко, чтобы гарантировать, что элементы, которые я вставляю,именно так как бы я хотел чтобы они были? Есть ли простой способ очистить все стили для данного элемента HTML и дочерних элементов? Например, в firebug вы можете удалить все стили. Я чувствую себя тамдолжени по крайней мередолженбыть родным способом освободить определенные элементы HTML от правил таблицы стилей?

Пример:

var myHTML = $("<div>my html in here</div>");
myHTML.resetAllStyles();   //<--- what would this function do?
myHTML.appendTo("body");

Я действительно хочу избежать явного указания атрибутов, которые я хочу для каждого элемента, который я вставляю ...

PS: У меня большой опыт работы с JS и CSS, поэтому вы можете предположить, что я пойму почти все, что вы мне скажете.

Ответы на вопрос(0)

Ваш ответ на вопрос