Altera CSS usando JavaScript

[marcurionovo 0]

Tenho uma situação de um sistema que faz a geração das informações de forma dinâmica, ele gera o próprio css de forma inline. Eu quero altera algumas coisas usando o javascript na abertura da página.

 

Agradeço a ajuda

<!--
  limpar span
  <span></span>
  altera type
  input type="checkbox" para button
  adicionar classe após o button
  class="btn btn-success"
  trocar o value
  value="(+) Adicionar"
-->

Código está assim:

 

<div id="div_Contrato__AdicionarParteExtra__" class="field_container" style="position: absolute; white-space: nowrap;top: 183.0px;left: 1069.0px;width: 131.0px;height: 28.0px;" onmouseover="showHideHelp(this, true);" onmouseout="showHideHelp(this, false);">
    <input type="checkbox" class="btn btn-success" name="var_Contrato__AdicionarParteExtra__" errorspan="err_var_Contrato__AdicionarParteExtra__" id="var_Contrato__AdicionarParteExtra__" value="false" onchange="changeBooleanCheckboxValue(this)">
    <span>( + ) Adicionar Parte</span>
    <input type="hidden" name="var_Contrato__AdicionarParteExtra__" value="false">
    <span style="width: 17px; padding-left: 1px;">
        <img id="help_Contrato__AdicionarParteExtra__" width="16" height="16" src="/imagens/icones_final/information_16x16-trans.png" title="Adicionar uma parte extra" style="display: none;">
    </span>
</div>

Deve ficar assim:

 

<div id="div_Contrato__AdicionarParteExtra__" class="field_container" style="position: absolute; white-space: nowrap;top: 183.0px;left: 1069.0px;width: 131.0px;height: 28.0px;" onmouseover="showHideHelp(this, true);" onmouseout="showHideHelp(this, false);">
      <input type="button" class="btn btn-success" name="var_Contrato__AdicionarParteExtra__" errorspan="err_var_Contrato__AdicionarParteExtra__" id="var_Contrato__AdicionarParteExtra__" value="(+) Adicionar" 
    onchange="changeBooleanCheckboxValue(this)"><span></span><input type="hidden" name="var_Contrato__AdicionarParteExtra__" 
    value="false"><span style="width: 17px; padding-left: 1px;"><img id="help_Contrato__AdicionarParteExtra__" width="16" 
    height="16" src="/imagens/icones_final/information_16x16-trans.png" 
    title="Adicionar uma parte extra" style="display: none;"></span></div>

 

[Douglas Julião 34]

var divPrincipal = document.getElementById('div_Contrato__AdicionarParteExtra__'),
    elementosFilhos = divPrincipal.childNodes;

elementosFilhos[3].innerHTML = '';
elementosFilhos[1].type = 'button';
elementosFilhos[1].value = 'button';
elementosFilhos[1].className += ' button';

// OLHA O QE TEM
console.dir(elementosFilhos);

da ma olhada se ajuda.

[marsolim 110]

alterar css em js clássico é por exemplo pra alterar background

document.getElementById("id_do_elemento").style.backgroundColor = "blue";

 

no jQuery é

 

$("#id_do_elemento").css("background", "blue");

 

[marcurionovo 0]

1 hora atrás, Douglas Julião disse:

var divPrincipal = document.getElementById('div_Contrato__AdicionarParteExtra__'),
    elementosFilhos = divPrincipal.childNodes;

elementosFilhos[3].innerHTML = '';
elementosFilhos[1].type = 'button';
elementosFilhos[1].value = 'button';
elementosFilhos[1].className += ' button';

// OLHA O QE TEM
console.dir(elementosFilhos);

da ma olhada se ajuda.

Muito grato Douglas, era isso mesmo que precisava, se possível me tira uma dúvida para fixar o entendimento, quando você usou o elementosFilhos[3].innerHtml isso significa que se eu tivesse por exemplo 5 alterações eu teria que limpar as 5?

 

 

agradeço!

 

[Douglas Julião 34]

3 horas atrás, marcurionovo disse:

Muito grato Douglas, era isso mesmo que precisava, se possível me tira uma dúvida para fixar o entendimento, quando você usou o elementosFilhos[3].innerHtml isso significa que se eu tivesse por exemplo 5 alterações eu teria que limpar as 5?

 

 

agradeço!

 

Não entendi direito sua pergunta, mas acredito que você poderia fazer algo como:

salvar seu valor do innerHTML em uma variavel e adicionar e remover a variável do innerHTML:

Tipo: 

var conteudoHTML = 'CONTEÚDO';

elementosFilhos[3].innerHTML = algumacoisa == true ? conteudoHTML : '';// AI você PODE TENTAR COLOCAR UMA CONDICAO AQUI