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>
replace
não altera a variável, apenas retorna o novo valor, deve ser alterado paravalue.textContent = value.textContent.replace(...)