[SOLUCIONADO] clases

[marlonc199]

lo que sucede es lo siguiente, trato de hacer una web, pero al momento de ingresar el getelementsbyclassname no me deja editarle nada, trate tambien convirtiendolo a variable, lo extraños es que antes funcionaba

function casa(){
var clase= document.getElementsByClassName('apto');
clase.style.display='none';

}
y se llama de la siguiente forma
<input type="radio" id="norte"class="norte"name="ubicación" value="norte" onmouseover="style.cursor='hand'" onclick="casa()">Norte<br>

y lo que debe desaparecer es
<div id="contenedor_central" class="casucha contenedor_central sur apto" onmouseover="this.className='contenedor_central_on mouseover'; style.cursor='hand'" onmouseout="this.className = 'contenedor_central'">
<div id="" class="contenedor_imagen">
<img src="images/principal.jpg" width="100%" height="100%">
</div>

<div class="datos">
<h1>Casa en conjunto residencial</h1>
<h2>Precio:$150.000.000</h2>
<h3>Hermosa casa de 2 pisos, 3 baños, etc alquilar apto sur e3 p100</h3>
</div>
</div>

Lo curioso es que dejo de funcionar repentinamente
Cabe decir que cuando lo hago con id funciona, pero lo necesito con class

[chuidiang]

Hola:

La "pega" es de javascript, no de java, deberías preguntar en un foro de javascript.

De todas formas, getElementById() devuelve un elemento, gelElementsByClassName() devuelve una lista/array de elementos, por lo que en el segundo caso, tendrás que hacer un bucle para ir recorriéndolos uno a uno. En esta página http://www.w3schools.com/jsref/met_d...yclassname.asp hay un ejemplo para cambiar el color a rojo con getElementsByClassName().

Se bueno.

[kraneok]

Como dice el compañero, lo estás afrontando mal.
Si haces un getElementsByClassName(); esto obtiene un array con todos los elementos del DOM con esa clase. Por lo que para acceder al primero deberás hacer lo siguiente.

Código Javascript:

var elements = document.getElementsByClassName('clase');
 
// Para acceder al primer elemento
elements[0].style.display = 'none';
 
// En caso de querer hacerlo con todos, debes recorrer el array
elements.forEach(function (element) {
    element.style.display = 'none';
});
 

[marlonc199]

kranekok, supongo que en donde dice elemento va "apto"

[marlonc199]

Kraneok, muchas gracias, no entendi el xq no me funcionaba, me podrias decir el error en mi script, igualmente gracias a chuidiang