Adicionar uma classe em uma função JavaScript.

[Giovanni Ribeiro 0]

Bom dia,

 

Estou com uma duvida.

estou fazendo um função em java script. para aparecer um input no momento que eu escolho uma opção em meu select.

 

Esse é o html.

<select onclick="outroValor(this.value)">
	<option value="pr">Paraná</option>
	<option value="RJ">Rio De Janeiro</option>
	<option value="bertioga">Betioga</option>
	<option value="outro">Outros</option>
</select>
<br clear="all" />
<br clear="all" />
<br clear="all" />
<input type="text" id="txt-outro" />

E esse é o Java Script.

<script type="text/javascript">
	window.onload = function() {
		document.getElementById("txt-outro").style.display = "none";
	} 

	function outroValor(resultado) {
		if (resultado == 'outro'){
			document.getElementById("txt-outro").style.display = "block";
		} else {
			document.getElementById("txt-outro").style.display = "none";
		}
	}


</script>

Eu consegui fazer mais eu não gostaria de usar style, eu queria usar um class do css e não usar style.display = "block".

Obrigado!

[Douglas Julião 34]

Eu ja utilizei assim:

elemento.className = "suaClasse";

caso queira tirar a class eu deixo vazio:

elemento.className = "";

[ExtremsX 58]

usando jQuery você poderia fazer $('div').addClass('nome da classe')

Usando só JS, acho q você pode fazer: document.getElementById("myH1").className = ' classe';