Estou tentando alterar a cor de fundo de uma célula, porém está dando o seguinte erro: Uncaught TypeError: Cannot read property 'style' of null .
Segue abaixo o meu código:
function criarTabela(){
// vamos criar o elemento HTML table
var tabela = document.createElement("table");
tabela.border = "1px";
tabela.cellSpacing = "0px";
tabela.cellPadding = "3px";
// vamos criar o corpo da tabela, ou seja, o tbody
var corpo = document.createElement("tbody");
tabela.appendChild(corpo);
// vamos criar três linhas contendo quatro células cada uma
for(var i = 0; i < 151; i++){
var linha = corpo.insertRow(-1);
for(var j = 0; j < 5; j++){
var celula = linha.insertCell(-1);
celula.setAttribute("id", "lin"+i+"col"+j);
}
}
// vamos anexar a tabela recém-criada a um elemento div
var container = document.getElementById("container");
container.appendChild(tabela);
}
cria.addEventListener('click', criarTabela);
let lin1col0 = document.getElementById('lin1col0');
let lin2col0 = document.getElementById('lin2col0');
let lin3col0 = document.getElementById('lin3col0');
let lin4col0 = document.getElementById('lin4col0');
let lin5col0 = document.getElementById('lin5col0');
let num = 1;
switch(num){
case 1:
lin1col0.style.backgroundColor = "red";
break;
case 2:
lin2col0.style.backgroundColor ="red";
break;
case 3:
lin3col0.style.backgroundColor = "red";
break;
case 4:
lin4col0.style.backgroundColor = "red";
break;
case 5:
lin5col0.style.backgroundColor = "red";
break;
default:
alert("Erro!");
}
Olá.
Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
Criei um sistema para fazer o upload de imagens e alguns campos text.
Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
Gostaria de saber se há como usar javascript para evitar isso?
Agradeço desde já.
Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
A navbar esta sendo chamada no layout.tsx estou usando typescript
e fica dessa forma
<div>
<Navbar/>
<main>{children}</main>
</div>
Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol. https://noticias.uol.com.br/internacional/ultimas-noticias/2025/01/19/sonho-americano-brasileiros-moram-em-carro-e-buscam-comida-no-lixo-nos-eua.htm
Estou tentando alterar a cor de fundo de uma célula, porém está dando o seguinte erro: Uncaught TypeError: Cannot read property 'style' of null .
Segue abaixo o meu código:
function criarTabela(){ // vamos criar o elemento HTML table var tabela = document.createElement("table"); tabela.border = "1px"; tabela.cellSpacing = "0px"; tabela.cellPadding = "3px"; // vamos criar o corpo da tabela, ou seja, o tbody var corpo = document.createElement("tbody"); tabela.appendChild(corpo); // vamos criar três linhas contendo quatro células cada uma for(var i = 0; i < 151; i++){ var linha = corpo.insertRow(-1); for(var j = 0; j < 5; j++){ var celula = linha.insertCell(-1); celula.setAttribute("id", "lin"+i+"col"+j); } } // vamos anexar a tabela recém-criada a um elemento div var container = document.getElementById("container"); container.appendChild(tabela); } cria.addEventListener('click', criarTabela); let lin1col0 = document.getElementById('lin1col0'); let lin2col0 = document.getElementById('lin2col0'); let lin3col0 = document.getElementById('lin3col0'); let lin4col0 = document.getElementById('lin4col0'); let lin5col0 = document.getElementById('lin5col0'); let num = 1; switch(num){ case 1: lin1col0.style.backgroundColor = "red"; break; case 2: lin2col0.style.backgroundColor ="red"; break; case 3: lin3col0.style.backgroundColor = "red"; break; case 4: lin4col0.style.backgroundColor = "red"; break; case 5: lin5col0.style.backgroundColor = "red"; break; default: alert("Erro!"); }
Compartilhar este post
Link para o post
Compartilhar em outros sites