este es mi código: quiero preguntar

<script type="text/javascript">

var total = 4;

</script>

¿Cómo puedo hacer esto?

<img src="img/apple_" + total + ".png" id="imageBox"/>

He sido intente utilizar la función de llamada y el documento.onload pero no funciona del todo, puede que alguien me salve?

InformationsquelleAutor Neo | 2016-02-02

4 Comentarios

  1. 8

    Estoy suponiendo que usted sólo desea actualizar el src de la imagen con javascript.

    document.getElementById('imageBox').src = "img/apple_" + total + ".png";
    • Ok gracias por recordarme, yo estaba poniendo mi código javascript bajo el código html por lo que se carga es
  2. 2

    Necesita añadir código html en JavaScript como este:

    <div id="foo"></div>
    <script type="text/javascript">
    
    var total = 4;
    document.getElementById('foo').innerHTML = '<img src="img/apple_' + total + '.png" id="imageBox"/>';
    </script>
    • ¿por qué utilizar div? pero estoy usando el <img/>
    • probé tu código pero no funciona en todos los
    • el div ser necesario antes de que el script o código dentro de evento onload, de lo contrario getElementById no encontrar el #foo elemento.
  3. 1

    JS:

    window.onload = function() {
      var total = 4;
      document.getElementById('imageBox').src = 'img/apple_' + total + '.png"';
    
    };

    HTML:

    <img src="" id="imageBox"/>

    • donde poner la ventana.onload?
  4. 0

    Aquí es una buena manera de hacer esto.

    Demo

    var create_img_element = function(total, targetId){
        //create the img element
        var img = document.createElement('img');
        //set the source of the image
        img.src = 'img/apple_' + total + '.png';
        //add the image to a specific element
        document.getElementById(targetId).appendChild(img);
    }
    
    create_img_element(5, 'foo');

Dejar respuesta

Please enter your comment!
Please enter your name here