0

Pessoal queria saber porque o atributo id da div nao esta sendo reconhecido pelo CSS, sendo que o nome do id da DIV está certinho no CSS.

  function nome () {
    var tela = document.createElement('div').setAttribute('id', 'screen')
    document.body.appendChild(tela)
  }

  nome()

1 Resposta 1

2

Seu código deveria ser:

  function nome () {
    var tela = document.createElement('div')
    tela.setAttribute('id', 'screen')
    document.body.appendChild(tela)
  }

  nome()

Isso pois o valor da variavel tela não possui um tipo correto (esperado HTMLDivElement) para que ele possa ser injetado no DOM. Em outras palavras, o método setAttribute() retorna "void". Na verdade, o CSS não está aplicando no seu elemento DIV pelo fato dele não existir, por causa da instrução errada. Quando você faz:

var tela = document.createElement("div").setAttribute("id","screen"); 

Você de fato cria a DIV, mas ainda ela não está no DOM. E aqui você tenta injetá-la no DOM, mas pelo fato da variável tela ter um valor "nada" (undefined), essa DIV nunca é colocada no seu documento HTML:

document.body.appendChild(tela); // essa linha não faz sentido
10
  • como assim ? essa eu nao sabia. Commented 6/12/2019 às 3:43
  • devo ter escrito algo fora do padra nesta var? Commented 6/12/2019 às 3:45
  • vou ver isso,obrigado pela ajuda felipsmartins Commented 6/12/2019 às 3:49
  • @DanielSantos, veja a edição que explica o porquê. Commented 6/12/2019 às 3:51
  • ja consegui resolver,era um erro bem simples,apenas o js que deveria ser instanciado em baixo da tag body. Commented 6/12/2019 às 18:35

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .