addTourOverlay2() { // (1) if (document.querySelectorAll('#tour-overlay').length === 0) { let newDiv = document.createElement('div'); newDiv.id = 'tour-overlay'; let body = document.getElementsByTagName('body'); // (2) newDiv.appendChild(body); } this.resizeOverlay(); } resizeOverlay() { let window_height = screen.height; let window_width = screen.width; // (3 e 4) document.getElementById('#tour-overlay').style.height = window_height; document.getElementById('#tour-overlay').style.width = window_width; } Começando com algumas falhas triviais: 1. Se buscará pelo id é esperado que seja retornado apenas um elemento, [não vários][1]; então ao invés de `querySelecorAll`, pode utilizar `querySelector` apenas (ou o `getElementById`); 2. Você adicionou `body` em `newDiv`; acredito que o correto seria `newDiv` em `body`; 3. Quando utilizar `getElementById` você não precisa informar o caractere `#`, apenas o valor do atributo; 4. Vide 3; [1]: https://pt.stackoverflow.com/q/318255/5878