0

Estoy haciendo una función que como parámetro de cabecera, recibe el id de un input text.

<input id="cDni" type="text" name="dni" maxlenght="20" size="20">

La función:

function nuevaFC(id){
    var nFil = document.createElement("tr");
    var nCol;
    var a ="'#'+'id'";

    nuevaColumna = document.createElement("td");
    nuevaColumna.innerHTML = document.querySelector(a).value;
    nuevaFila.appendChild(nuevaColumna);
}

Trato de concatenar #, con el parámetro de cabecera, pero de todas las formas que he probado, no acepta ninguna. ¿Alguna idea sobre cómo hacerlo?

1
  • Probaste con var a ='#' + id;?
    – Genarito
    el 12 feb. 2018 a las 20:06

1 respuesta 1

0

Hay varios problemas en tu código.

Por una parte el constructor del selector que debería ser concatenar (+) el string '#' con la variable id.

Por otro lado tienes un problema con los nombres de las variables: las declaras con un nombre y las usas con otro.

Por último no añades la fila creada al DOM.

Aquí tienes un ejemplo con esos errores corregidos:

function nuevaFC(id){
  var nuevaFila = document.createElement("tr");
  var a ='#'+ id;

  var nuevaColumna = document.createElement("td");
  nuevaColumna.innerHTML = document.querySelector(a).value;
  nuevaFila.appendChild(nuevaColumna);
  
  // Añadir la fila
  document.getElementById('tabla').appendChild(nuevaFila);
}

document.getElementById('add').addEventListener('click',
  function() {nuevaFC('cDni'); });
<input id="cDni" type="text" name="dni" maxlenght="20" size="20">
<button id="add">Añadir</button>
<table id="tabla"></table>

2
  • gracias x tu respuesta. Sigue apareciendo el mismo error, asociado a la fila "nuevaColumna.innerHTML = document.querySelector(a).value;". Cannot read property value of null...
    – Mario
    el 13 feb. 2018 a las 19:16
  • Habría que ver el código completo y cuándo y cómo llamas a la función. Ten en cuenta que no se llame a la función antes de crear el elemento. Como puedes ver en el ejemplo debería funcionar el 13 feb. 2018 a las 19:22

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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