Como modifico uma propriedade através de uma variável?

[Carlinhos Abacator 0]

tenho uma funçao e quero modificar os estilos sem precisar ficar escrevendo "document bla bla" toda hora em todas as modificaçoes .style, 

o codigo e mais ou menos isso:

 

function teste() {
 var info_cor = document.getElementById('mensagemCor').value;
 mensagemCor.style.color = "#fff";
}

ja verifiquei esta com o eveneto os IDs estao certos, mas da erro especificamente na
 

info_cor.style.color = "#fff";

alguem pode me tirar a duvida de como é a forma correta?

[gabrielms 0]

@Lottechar O que falta é um pouco de conhecimento em javascript HTML DOM.

 

var info_cor = document.getElementById('mensagemCor').value;

Nessa linha você salva o valor da propriedade value na variável info_cor

 

 mensagemCor.style.color = "#fff";

Nessa linha você tenta atribuir uma cor a um elemento que não foi selecionado, e também utiliza uma variável que não existe.

 

Eu acho que o correto seria assim:

function teste() {
 var info_cor = document.getElementById('mensagemCor'); // Aqui eu seleciono o elemento e guardo ele na variável info_cor
 info_cor.style.color = "#fff";
}