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>