Olá, tem um código HTML onde não tenho acesso aos arquivos, é só consigo edita lo pelo gerenciador do site através de instância JavaScript.
código abaixo:
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-sm-6 col-xs-12">
<div class="header-links">
<ul class="nav navbar-nav pull-left hidden-xs">
<li id="template_menuMinhaConta">
<a href="https://loja.vulcaodaborracha.com.br/identificacao/minhaConta/minhaConta.jsp#areaParceiros">
<i class="fa fa-user" title="" data-original-title="Minha Conta"></i>
<span> Minha Conta</span>
</a>
</li>
<li id="template_menuCadastreSe">
<a href="https://loja.vulcaodaborracha.com.br/identificacao/pessoa.jsp#areaParceiros">
<i class="fa fa-unlock" title="" data-original-title="Cadastre-se"></i>
<span> Cadastre-se</span>
</a>
</li>
<li id="template_menuLogin">
<a href="https://loja.vulcaodaborracha.com.br/identificacao/login.jsp#areaParceiros">
<i class="fa fa-lock" title="" data-original-title="Login"></i>
<span>Login</span>
</a>
</li>
</ul>
</div>
</div>
<div id="template_foneTelevendas" class="col-sm-3 col-xs-12 header-fone hidden-xs header-links">
<i class="glyphicon glyphicon-phone-alt"></i> <a href="tel:06130128750">Televendas: <span>61 3012-8750</span></a>
</div>
<div id="template_foneSAC" class="col-sm-3 col-xs-12 header-fone hidden-xs header-links">
<i class="glyphicon glyphicon-phone-alt"></i> <a href="tel:06133513322">Fale Conosco: <span>61 3351-3322</span></a>
</div> </div></div></div>
a questão que não estou conseguindo alterar o texto da div id="template_foneTelevendas" Televendas para Contato.
segue o código que usei:
/**/
if(document.querySelector(".header-links . template_foneTelevendas .container div.col-sm-3.col-xs-12: a")){
//ALTERA TEXTO DA TELEVENDAS PARA CONTATO
document.querySelector(".header-links . template_foneTelevendas .container div.col-sm-3.col-xs-12: a").innerText = "Política de Troca e Devolução";
}
/**/
Alguém pode me ajudar?