Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Удаление style и class (https://javascript.ru/forum/events/31108-udalenie-style-i-class.html)

aiaks 27.08.2012 11:06

Удаление style и class
 
Добрый день =)
Есть код html:
<p class="text_class" style="font-family:arial">text</p>

Как средствами javascript получить:
<p>text</p>

lord2kim 27.08.2012 11:16

aiaks,
<html>
<head><title>...</title></head>
<body>
<div><p class="text_class" style="font-family:arial">text</p></div>
<script>
window.onload = function () {
    alert(document.body.children[0].innerHTML);
    document.body.children[0].children[0].removeAttribute("class");
    document.body.children[0].children[0].removeAttribute("style");
    alert(document.body.children[0].innerHTML);
}
</script>
</body>
</html>

aiaks 27.08.2012 11:27

Спасибо! :victory:

bes 27.08.2012 13:18

Если требуется просто сбросить стили, то можно также и "обнулить"
<style>
.text_class {
	color: green;
}
</style>

<div><p class="text_class" style="font-family:arial">text</p></div>
<script>
window.onload = function () {
    alert(document.body.children[0].innerHTML);
    document.body.children[0].children[0].style.cssText = '';
    document.body.children[0].children[0].className = '';
    alert(document.body.children[0].innerHTML);
}
</script>


Часовой пояс GMT +3, время: 13:25.