Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vinicius Eduardo_52741

Converter tags style do html

Por , em Javascript

Recommended Posts

Vinicius Eduardo_52741    1

Vinicius Eduardo_52741
Postado

Olá galera, gostaria de saber se existe algum script que faça isso ou sse não tiver me orientem em como fazer, é assim ele pega o código:

 

<div style="width:100%height:20px;..."></div<a style="font-size:12px; font-weight:bold"></a>

le o codigo e cria um css e coloca uma class no lugar do style, então ficaria assim: 

<div class="inventadapelophp1"></div><a class="inventadapelophp2"></a><style>.inventadapelophp1 {width:100%height:20px;...}.inventadapelophp2 {font-size:12px; font-weight:bold}</style>

Existe algum script que já faça isso? se não como poderei fazer?

Compartilhar este post

Link para o post
Compartilhar em outros sites

cristianoolv    93

cristianoolv
Postado

Vê se serve:

 

<html>
 <head>
  <title>Teste</title>
  <script>

   function getCssTextAndRemoveAttributeStyleAndDefineNewClassNameOfElementByNoteList() {

        "use strict";
	          
         var a = Array.prototype.slice.call(arguments).filter(function (v) {
                 if (typeof v === 'object' && v != null && v != undefined) {
                    return (Object.getPrototypeOf(v).constructor.name === 'NodeList')
                 }
                   return false;
               }),

             b = '';
	     
            for (var x = 0, xx = a.length; x <= xx -1; x++) {
              for (var i = 0, ii = a[x].length - 1; i <= ii; i++){
                 var e = a[x][i],
                     n = "class" + x + '' + i;
                     b += "." + n + "{\n\t " + (e.style.cssText).split(";").join(";\n\t") + "}\n\n";
                  e.removeAttribute('style');
                  e.className = n;
               }
            }
	       return b;
	   }

    window.onload = function () {

      var tagDiv = document.getElementsByTagName('div');
      var  tagA= document.getElementsByTagName('a');
 
document.getElementsByTagName('style')[0].innerHTML += getCssTextAndRemoveAttributeStyleAndDefineNewClassNameOfElementByNoteList(tagDiv, tagA);

}

    </script>
    <style></style>
   </head>
<body>
  <div style="width:100%;height:20px;"></div>
  <a style="font-size:12px; font-weight:bold"></a>
 </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito