Skip to main content
Cambio el mensaje en el texto para que sea más clara la indicación al ejecutar
Origen Enlace
quevedo
  • 1.2k
  • 7
  • 18

El código que te ofrece @Benito-B es perfecto. No obstante, como estás tratando de usar className te voy a plantear una sugerencia:
classNameEl atributo className devuelvees una cadena de texto. De modo que si le agregas "hide" creas como nombre de clase "stepOnehide" debes hacer la adición con un espacio así " hide". Muestro un código de prueba.

function register(){
    var firstStep = document.getElementsByClassName("stepOne");
    firstStep[0].className += " hide";
}
.hide{ display: none; }  
<div onclick="register()" class="stepOne">
<p>Esto<p>Haga seclick vaaquí apara ocultar si hace clickel encima<texto</p>
</div>

Este mecanismo tiene un problema: si la clase ya hubiese sido agregada se genera una doble asignación.
Espero te sirva para aclarar la duda. Porque el código de @Benito-B es el correcto. El mio es para que opere lo que tratabas de hacer, con el recurso que usabas.

El código que te ofrece @Benito-B es perfecto. No obstante, como estás tratando de usar className te voy a plantear una sugerencia:
className devuelve una cadena de texto. De modo que si le agregas "hide" creas como nombre de clase "stepOnehide" debes hacer la adición con un espacio así " hide". Muestro un código de prueba.

function register(){
    var firstStep = document.getElementsByClassName("stepOne");
    firstStep[0].className += " hide";
}
.hide{ display: none; }  
<div onclick="register()" class="stepOne">
<p>Esto se va a ocultar si hace click encima</p>
</div>

Este mecanismo tiene un problema: si la clase ya hubiese sido agregada se genera una doble asignación.
Espero te sirva para aclarar la duda. Porque el código de @Benito-B es el correcto. El mio es para que opere lo que tratabas de hacer, con el recurso que usabas.

El código que te ofrece @Benito-B es perfecto. No obstante, como estás tratando de usar className te voy a plantear una sugerencia:
El atributo className es una cadena de texto. De modo que si le agregas "hide" creas como nombre de clase "stepOnehide" debes hacer la adición con un espacio así " hide". Muestro un código de prueba.

function register(){
    var firstStep = document.getElementsByClassName("stepOne");
    firstStep[0].className += " hide";
}
.hide{ display: none; }  
<div onclick="register()" class="stepOne">
<p>Haga click aquí para ocultar el texto</p>
</div>

Este mecanismo tiene un problema: si la clase ya hubiese sido agregada se genera una doble asignación.
Espero te sirva para aclarar la duda. Porque el código de @Benito-B es el correcto. El mio es para que opere lo que tratabas de hacer, con el recurso que usabas.

Origen Enlace
quevedo
  • 1.2k
  • 7
  • 18

El código que te ofrece @Benito-B es perfecto. No obstante, como estás tratando de usar className te voy a plantear una sugerencia:
className devuelve una cadena de texto. De modo que si le agregas "hide" creas como nombre de clase "stepOnehide" debes hacer la adición con un espacio así " hide". Muestro un código de prueba.

function register(){
    var firstStep = document.getElementsByClassName("stepOne");
    firstStep[0].className += " hide";
}
.hide{ display: none; }  
<div onclick="register()" class="stepOne">
<p>Esto se va a ocultar si hace click encima</p>
</div>

Este mecanismo tiene un problema: si la clase ya hubiese sido agregada se genera una doble asignación.
Espero te sirva para aclarar la duda. Porque el código de @Benito-B es el correcto. El mio es para que opere lo que tratabas de hacer, con el recurso que usabas.