Jump to content
nelson99

Ajuda inserir dados appendChild

Recommended Posts

Bom dia estou com o seguinte erro que não consigo resolver, estou tentando inserir uma parte de código html com js, no meu Html, através do appendChild, mas esta dando erro, o seguinte erro: Null is not an Object ( Evaluation 'DOM.transacaoContainer.appendChild(tr) )

 

ja tentei colocando this.transacaoContainer.appendChild(tr);

ja tentei colocar usando o insertBefore e nada. sempre o mesmo erro

 

aqui esta o código :

 

 

 

 

const DOM = {

           

            transacaoContainer: document.querySelector('.mytbody'),

 

            addTransaction(transaction, index){

 

         

            const tr = document.createElement('tr');

            tr.innerHTML = DOM.innerHTMLtransaction(transaction);

            DOM.transacaoContainer.appendChild(tr);

 

                

 

        },

 

Share this post


Link to post
Share on other sites

E onde está a função innerHTMLtransaction?

O problema pode ser justamente nessa função.

 

Em outro caso falta uma tag <td> já estamos manipulando uma tabela.

 

Tente assim:

addTransaction(transaction) {
  var tr = document.createElement('tr'),
      td = document.createElement('td');

  td.innerHTML = transaction;
  tr.appendChild(td);

  this.transacaoContainer.appendChild(tr);
}

 

Por fim certifique-se que existe uma tag <table> com o classificador mytbody, do contrário aqui:

3 horas atrás, nelson99 disse:

transacaoContainer: document.querySelector('.mytbody'),

Será uma propriedade indefinida, portanto não será um objeto válido.

Share this post


Link to post
Share on other sites

Boa tarde Omar, a função innerHtml esta feita, ela tem a mascara do html que quero adicionar vou colocar aqui. Sim existe a tabela com o id mytbody esta no tbody dentro da table.

vou enviar print

 

inicio.png

Share this post


Link to post
Share on other sites

Nao consigo mais enviar print, o site aqui não permite.

No final. eu chamo a função addTransactions e passo um vetor que contem os dados no caso e o transaciones[]. 

com esse código:

DOM.addTransaction(transaciones[0]);

 

O erro que aparece no console do navegador, e no appendChild, como se nao fosse um objeto.

ja tentei pegar o tbody e colocar em variável e passar no appendChild mas da o mesmo erro.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Fernando Rafael
      Bom dia, estou baixando arquivos que estão em uma hospedagem própria para serem acessados por um aplicativo que estou desenvolvendo (consigo fazer normalmente utilizando os comandos citado mais a baixo), porém os arquivos ficam salvos na pasta padrão de DOWNLOADS do Android, minha intenção não é ficar acumulando estes arquivos no aparelho, ou esperar que o usuário exclua manualmente, gostaria em salva-los em uma pasta interna do aplicativo para que seja possível excluir automaticamente pelo próprio aplicativo, já tentei como alternativa excluir esses arquivos da pasta DOWNLOADS, mas não consegui...
       
      Segue o código que estou usando para baixar os arquivos, queria adaptar para baixar direto na pasta interna do aplicativo, ou como alternativa caso isso não seja possível, conseguir excluir esses arquivos da pasta DOWNLOADS do Android...
       
      String url = "https://www.site.com/arquivo.pdf"; //Arquivo que vou baixar DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url)); request.setDescription("Alguma descrição"); request.setTitle("Algum titulo"); //A notificação de conslusão só esta disponível a partir da API 11 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { request.allowScanningByMediaScanner(); request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED); } //Salvando o arquivo no diretório de Downloads request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS, "arquivo.pdf"); DownloadManager manager = (DownloadManager) getSystemService(DOWNLOAD_SERVICE); manager.enqueue(request);  
    • By Fernando Rafael
      Bom dia, alguém poderia me ajudar com esse problema? 
       
      Estou fazendo um aplicativo bem simples em que sua única função será criar uma pasta no celular (em local acessível pelo gerenciador de arquivos do usuário), e posteriormente copiar arquivos de outro local ou rede e colocar nesta pasta.
       
      Fiz algumas pesquisas, mas por incrível que pareça não encontrei algo que tenha funcionando. Também tenho dúvidas sobre qual seria o equivalente ao "C:/" do Android.
    • By Felgob
      O que as empresas mais esperam de um desenvolvedor Java que tem o nível júnior?
    • By Adriano Costa
      Bom dia amigos, sou novo na programação e estou aprendendo a gerar QRCode e BarCode, eu assistindo um vídeo gringo fiz um programa idêntico, mas o meu não esta funcionando, não apresenta erro no código, mas não gera os códigos. Estou usando as bibliotecas externas core 3.4.1 e a javase 3.4.1.
       
      package demo;
      //import java.awt.BorderLayout;
      import java.awt.EventQueue;
      import javax.swing.JFrame;
      import javax.swing.JPanel;
      import javax.swing.border.EmptyBorder;
      import javax.swing.JTextField;
      import javax.swing.ImageIcon;
      import javax.swing.JButton;
      import javax.swing.JLabel;
      import javax.swing.JOptionPane;
      import javax.swing.border.LineBorder;
      import helpers.ZXingHelper;
      import java.awt.Color;
      import java.awt.event.ActionListener;
      import java.awt.event.ActionEvent;
      public class JFrameMain extends JFrame {
          
          /**
           * 
           */
          private static final long serialVersionUID = 1L;
          private JPanel contentPane;
          private JTextField textFieldProductId;
          //private JButton ButtonQRCode;
          //private JButton ButtonBarCode;
          private JLabel labelImage;
          /**
           * Launch the application.
           */
          public static void main(String[] args) {
              EventQueue.invokeLater(new Runnable() {
                  public void run() {
                      try {
                          JFrameMain frame = new JFrameMain();
                          frame.setVisible(true);
                      } catch (Exception e) {
                          e.printStackTrace();
                      }
                  }
              });
          }
          /**
           * Create the frame.
           */
          public JFrameMain() {
              setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              setBounds(100, 100, 450, 300);
              contentPane = new JPanel();
              contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
              setContentPane(contentPane);
              contentPane.setLayout(null);
              
              textFieldProductId = new JTextField();
              textFieldProductId.setBounds(35, 23, 362, 20);
              contentPane.add(textFieldProductId);
              textFieldProductId.setColumns(10);
              
              JButton ButtonQRCode = new JButton("QR Code");
              
              ButtonQRCode.addActionListener(new ActionListener() {
                  public void actionPerformed(ActionEvent e) {
                      
                      do_ButtonQRCode_actionPerformed(e);
                      
                      }
                  
              });
              ButtonQRCode.setBounds(76, 65, 89, 23);
              contentPane.add(ButtonQRCode);
              
              JButton ButtonBarCode = new JButton("Bar Code");
              ButtonBarCode.addActionListener(new ActionListener() {
                  public void actionPerformed(ActionEvent e) {
                      do_ButtonBarCode_actionPerformed(e);
                                  
                  }
              });
              ButtonBarCode.setBounds(241, 65, 89, 23);
              contentPane.add(ButtonBarCode);
              
              JLabel labelImage = new JLabel("");
              labelImage.setBorder(new LineBorder(new Color(0, 0, 0)));
              labelImage.setBounds(47, 101, 346, 118);
              contentPane.add(labelImage);
          }
              protected void do_ButtonQRCode_actionPerformed(ActionEvent e) {
                  String productId = textFieldProductId.getText();
                  if(productId.isEmpty()) {
                      JOptionPane.showMessageDialog(null,"Por favor preencha o campo acima.");
                  }else {
                      byte [] result = ZXingHelper.getQRCodeImage(productId, 200, 200);
                      labelImage.setIcon(new ImageIcon(result));
              }
              
              
      }
              protected void do_ButtonBarCode_actionPerformed(ActionEvent e) {
                  String productId = textFieldProductId.getText();
                  if(productId.isEmpty()) {
                      JOptionPane.showMessageDialog(null,"Por favor preencha o campo acima.");
                  }else {
                      byte [] result = ZXingHelper.getBarCodeImage(productId, 200, 200);
                      labelImage.setIcon(new ImageIcon(result));
                  
                      
                  
                      
                  }
              }
              
      }
       
      package helpers;
      import java.io.ByteArrayOutputStream;
      import java.util.Hashtable;
      import com.google.zxing.BarcodeFormat;
      import com.google.zxing.EncodeHintType;
      import com.google.zxing.client.j2se.MatrixToImageWriter;
      import com.google.zxing.common.BitMatrix;
      import com.google.zxing.oned.Code128Writer;
      import com.google.zxing.qrcode.QRCodeWriter;
      import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;

      public class ZXingHelper {
          public static byte[] getQRCodeImage (String text, int width, int height) {
              
              try {
                  QRCodeWriter qrCodeWriter = new QRCodeWriter();
                  BitMatrix bitMatrix = qrCodeWriter.encode(text, BarcodeFormat.QR_CODE, width, height);
                  ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
                  MatrixToImageWriter.writeToStream(bitMatrix, "png", byteArrayOutputStream);
                  return byteArrayOutputStream.toByteArray();
                  
          }catch (Exception e) {
              return null;
          }
          }
          
          public static byte [] getBarCodeImage(String text, int width, int height) {
              
              try {
                  Hashtable<EncodeHintType, ErrorCorrectionLevel> hintMap = new Hashtable<>();
                          hintMap.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.L);
                          Code128Writer writer = new Code128Writer();
                          BitMatrix bitMatrix = writer.encode(text, BarcodeFormat.CODE_128, width, height);
                          ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
                          MatrixToImageWriter.writeToStream(bitMatrix, "png", byteArrayOutputStream);
                          return byteArrayOutputStream.toByteArray();
              } catch (Exception e) {
                  System.err.println(e.getMessage());
              }
              return null; 
                  
              }
      }
       
       
    • By Adriano Costa
      Fala pessoal tudo blz? Gostaria de fazer uma pergunta sobre logica de programação, eu criei um ToDo List  em Java Web, no meu projeto eu tenho uma tela de login que depois de logar o usuário acessa a lista de tarefa dele, a minha pergunta é, como eu poderia fazer para que cada usuário tenha acesso somente a sua lista de tarefas. Me da uma luz de que forma eu poderia fazer essa logica. Desde já agradeço. 
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.