2

Tengo el siguiente código y luego en una función fuera de todas estás funciones quiero hacer un getElementById, pero los canvas creados no tiene ID , me dijeron que deberia agregarle id dentro de la funcion per, pero estoy desorientado, si alguien sabe porfavor ayuda.

Codigo:

  $(document).ready(function(){

        function per() {
            console.log("per()");
             var $canvas = $('<canvas></canvas>').css({
                'border-radius': '5px',
                'padding': '0',
                'margin': '0',
                'width': '200px',
                'height': '200px',
                //'position': 'absolute',
                'right': '15px',
                'bottom': '15px',
                'background-color': 'blue'
            });
          $('body').append($canvas);

        }

        $('body').append('<canvas id="minimap"></canvas>');

            $('#minimap').css({
                'background': 'rgba(1,1,1,0.7',
                'border-radius': '0px',
                'border': '1px solid rgba(255,255,255,0.2)',
                'padding': '0',
                'margin': '0',
                'width': '200px',
                'height': '200px',
                'position': 'absolute',
                'right': '15px',
                'bottom': '15px'
            });
           b.forEach(per);


    });

function obtener() {

document.getElementById(que hago?)
}

1 respuesta 1

1

En la creacion del canvas:

var $canvas = $('<canvas></canvas>').css({

le añades el ID.

var $canvas = $('<canvas id="ID"></canvas>').css({

pero ten en cuenta que el ID tiene que ser unico asi que en la funcion per deberias recibir el ID que quieres ponerle:

function per(id) {
...
var $canvas = $('<canvas id="' + id + '"></canvas>').css({

y en la llamada:

b = [1,2,3]; //por ejemplo

b.forEach(function(elem) {
    per("subcanvas" + elem); //id quedaria "subcanvas1", "subcanvas2", ...
});
11
  • gracias y en la llamada de document.getelementbyid , pondria cada uno de los canvas? osea getElementById('subcanvas1') o directamente $canvas ?
    – ESCM
    Commented el 4 may. 2017 a las 14:26
  • y el $('body').append($canvas); lo dejo como esta?
    – ESCM
    Commented el 4 may. 2017 a las 14:27
  • @EduardoSebastian si, en la llamada tienes que poner el que quieras llamar ( ej: getElementById('subcanvas1')), ya que $canvas es la variable de la funcion pre y no tienes acceso desde tu getElementById ahi abajo. El append está bien así
    – lois6b
    Commented el 4 may. 2017 a las 14:28
  • he puesto asi y me dice "Cannot read property 'getContext' of null" , nosé que hago mal , si podrias ayudarme el error está en la linea 162 de este archivo ogar.pw/js/2.js , exactamente en: var a = document.getElementById('sub1');
    – ESCM
    Commented el 4 may. 2017 a las 14:37
  • @EduardoSebastian no encuentra ningun elemento con ese id
    – lois6b
    Commented el 4 may. 2017 a las 14:42

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.