Skip to main content
adicionou 35 caracteres ao conteúdo
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94

Estou recebendo a seguinte HTML de uma API:

  <body>
     <div class="container">
      <style>
        .g-aiPstyle0 {
            font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            font-style: normal;
            color: #323232;
        }
    </style>
      <div class="g-aiPstyle0">NOnono nono onon nonono</div>
       </div>
   </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento <style>, o atributo e seu valor de fonte: font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;;

<script>
   function removeFontSentinel(result) {
        var result = $sce.trustAsHtml(result);
            var el = document.createElement('div');
            el.innerHTML = result;
            var query = el.querySelectorAll('style')
            .forEach(function(value) {
                value.textContent.replace(/font\-family\: (\')?Sentinel(.*)serif(\;)?/gim, '');
            });
       result = el.innerHTML;
       return result; 
   }
</script>

Estou recebendo a seguinte HTML de uma API:

  <body>
     <div class="container">
      <style>
        .g-aiPstyle0 {
            font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            font-style: normal;
            color: #323232;
        }
    </style>
      <div class="g-aiPstyle0">NOnono nono onon nonono</div>
       </div>
   </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento <style>, o atributo e seu valor de fonte: font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;;

<script>
   function removeFontSentinel(result) {
        var result = $sce.trustAsHtml(result);
            var el = document.createElement('div');
            el.innerHTML = result;
            var query = el.querySelectorAll('style')
            .forEach(function(value) {
                value.textContent.replace(/font\-family\: (\')?Sentinel(.*)serif(\;)?/gim, '');
            });
       return result; 
   }
</script>

Estou recebendo a seguinte HTML de uma API:

  <body>
     <div class="container">
      <style>
        .g-aiPstyle0 {
            font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            font-style: normal;
            color: #323232;
        }
    </style>
      <div class="g-aiPstyle0">NOnono nono onon nonono</div>
       </div>
   </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento <style>, o atributo e seu valor de fonte: font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;;

<script>
   function removeFontSentinel(result) {
        var result = $sce.trustAsHtml(result);
            var el = document.createElement('div');
            el.innerHTML = result;
            var query = el.querySelectorAll('style')
            .forEach(function(value) {
                value.textContent.replace(/font\-family\: (\')?Sentinel(.*)serif(\;)?/gim, '');
            });
       result = el.innerHTML;
       return result; 
   }
</script>
adicionou 93 caracteres ao conteúdo
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94

Estou recebendo a seguinte HTML de uma API:

  <body>
     <div class="container">
      <style>
        .g-aiPstyle0 {
            font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            font-style: normal;
            color: #323232;
        }
    </style>
      <div class="g-aiPstyle0">NOnono nono onon nonono</div>
       </div>
   </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento <style>, o atributo e seu valor de fonte: font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;;  

<script>
   function removeFontSentinel(result) {
        var result = $sce.trustAsHtml(result);
            var el = document.createElement('div');
            el.innerHTML = result;
            var query = el.querySelectorAll('style')[0];
    /        .forEach(function(value) {
                value.textContent.replace(/::::font\-family\: AQUI(\')?Sentinel(.*)serif(\;)?/gim, ELIMINARIA'');
 A FONTE :::::         });
       return result; 
   }
</script>

Estou recebendo a seguinte HTML de uma API:

  <body>
     <div class="container">
      <style>
        .g-aiPstyle0 {
            font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            font-style: normal;
            color: #323232;
        }
    </style>
      <div class="g-aiPstyle0">NOnono nono onon nonono</div>
       </div>
   </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento <style>, o atributo e seu valor de fonte: font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;;  

 function removeFontSentinel(result) {
    var result = $sce.trustAsHtml(result);
    var el = document.createElement('div');
    el.innerHTML = result;
    var query = el.querySelectorAll('style')[0];
    //::::: AQUI ELIMINARIA A FONTE :::::
    return result; 
 }
</script>

Estou recebendo a seguinte HTML de uma API:

  <body>
     <div class="container">
      <style>
        .g-aiPstyle0 {
            font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            font-style: normal;
            color: #323232;
        }
    </style>
      <div class="g-aiPstyle0">NOnono nono onon nonono</div>
       </div>
   </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento <style>, o atributo e seu valor de fonte: font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;;

<script>
   function removeFontSentinel(result) {
        var result = $sce.trustAsHtml(result);
            var el = document.createElement('div');
            el.innerHTML = result;
            var query = el.querySelectorAll('style')
            .forEach(function(value) {
                value.textContent.replace(/font\-family\: (\')?Sentinel(.*)serif(\;)?/gim, '');
            });
       return result; 
   }
</script>
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94

Como remover uma fonte do style de uma string usando manipulação de DOM?

Estou recebendo a seguinte HTML de uma API:

  <body>
     <div class="container">
      <style>
        .g-aiPstyle0 {
            font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            font-style: normal;
            color: #323232;
        }
    </style>
      <div class="g-aiPstyle0">NOnono nono onon nonono</div>
       </div>
   </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento <style>, o atributo e seu valor de fonte: font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;;

 function removeFontSentinel(result) {
    var result = $sce.trustAsHtml(result);
    var el = document.createElement('div');
    el.innerHTML = result;
    var query = el.querySelectorAll('style')[0];
    //::::: AQUI ELIMINARIA A FONTE :::::
    return result; 
 }
</script>