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á a todos!
Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
Preciso que a pagina inclusa já inicie carregada
Meu código JavaScript e a DIV com a pagina PHP
<script>
function atualiza(){
var url = 'direita.php';
$.get(url, function(dataReturn) {
$('#direita').html(dataReturn);
});
}
setInterval("atualiza()",60000);
</script>
<div>
<span id="direita"></span>
</div>
Boa noite..
Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
nao acontece nada.. segue o trecho do codigo do menu..
<div class="collapse navbar-collapse" id="navbarsExample09">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>
<li class="nav-item dropdown1">
<a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>
<li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>
<ul class="dropdown-menu" aria-labelledby="dropdown01">
<li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>
<li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>
<li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>
<li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>
<li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>
<li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>
</ul>
</li>
<li class="nav-item active"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>
</ul>
</div>
Massagem Tantrica em Curitiba
Tantra Curitiba
Massagem Tântrica
Tantra
Julio Darshan
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