0

Necesito cambiar el tamaño de varias imágenes respecto a su clase pero no funciona aunque básicamente copie el código que use para cambiarlo con el ID que si funciona

    function TamaClas () {
        if (document.getElementById("TamClas").checked == true) {
            document.getElementsByClassName("ImgLing").style.width = "90px";
        } else if (document.getElementById("TamClas").checked == false) {
            document.getElementsByClassName("ImgLing").style.width = "50px";
        }
    }
    <input type="checkbox" id="TamClas" onclick="TamaClas();">
    <label for="TamClas">🔼🔽</label>
    <br>
    <img src="HtmlClas.png" class="ImgLing" height="70">
    <img src="CssClas.png" class="ImgLing" height="70">
    <img src="JsClas.jpg" class="ImgLing" height="70">

1 respuesta 1

0

La forma correcta de cambiar el tamaño de varias imágenes respecto a su clase es utilizar un bucle para recorrer cada una de ellas. Por ejemplo:

  function TamaClas () {
        var imagenes = document.getElementsByClassName("ImgLing");
        if (document.getElementById("TamClas").checked == true) {
            for (var i = 0; i < imagenes.length; i++) {
                imagenes[i].style.width = "90px";
            }
        } else if (document.getElementById("TamClas").checked == false) {
            for (var i = 0; i < imagenes.length; i++) {
                imagenes[i].style.width = "50px";
            }
        }
    }
<input type="checkbox" id="TamClas" onclick="TamaClas();">
<label for="TamClas">🔼🔽</label>
<br>
<img src="HtmlClas.png" class="ImgLing" height="70">
<img src="CssClas.png" class="ImgLing" height="70">
<img src="JsClas.jpg" class="ImgLing" height="70">

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.