Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

console.log(document): como exibir no console do navegador apenas o código HTML em si

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Introdução e atividade Query Selector

por Estudante
| 273.6k xp | 265 posts

Olá pessoal!

Na transcrição (texto) sobre Query Selector, o resultado do código "console.log(document)" é:

#document
    <!DOCTYPE html>
    <html lang="pt-br">
        <head>...</head>
        <body>...</body>
    </html>

Porém, para mim, este mesmo código exibe no console do navegador (firefox) um retorno gigante, com várias propriedades, valores, exemplo:

HTMLDocument file:..
    URL: "file:..."
    activeElement: <body>
    alinkColor: ""
    all: HTMLAllCollection { 0: html, 1: head, 2: meta, … }
    anchors: HTMLCollection { length: 0 }
    applets: HTMLCollection { length: 0 }
    baseURI: "file:..."
    bgColor: ""
    body: <body>
    characterSet: "UTF-8"

    ... CONTINUACAO DO RESULTADO

Dúvida: como exibir no console do navegador apenas o código HTML em si, sem todas estas propriedades? Devo setar alguma propriedade no navegador, devo utilizar alguma propriedade específica da variável document, etc?

Desde já obrigado! Atte., Elías

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
3 respostas
por Wanderson Macêdo
| 3967.1k xp | 8086 posts
Instrutor

Oi Elías, então, essa é uma diferença entre os navegadores mesmo. O Chrome vai mostrar de um jeito e o Firefox de outro.

O console tem vários métodos além do log, mas não conheço uma forma de escrever apenas o texto do HTML sem as propriedades.

Documentação do console: https://developer.mozilla.org/pt-BR/docs/Web/API/Console

solução!
por Paulo Scalercio
| 363.3k xp | 341 posts
Instrutor

Fala Elías, tudo bom?

Como o Wanderson falou, cada navegador tem suas particularidades. Isso acontece principalmente pelo fato de que o elemento document é um objeto! E esse tem diversas propriedades e métodos, você pode dar uma olhada clicando aqui

Agora, se você deseja ter todo o conteúdo do HTML aparecendo no console, você consegue utilizando o código abaixo:

console.log(document.documentElement.innerHTML);

documentElement retorna o elemento raiz do arquivo, no nosso caso, a tag <html>.

Espero ter ajudado!

Abraços e bons estudos!

por Estudante
| 273.6k xp | 265 posts

Wanderson e Paulo, obrigado pelo retorno!

Pena que só possível marcar uma resposta como solução, porque neste casos elas se complementam.

Valeu!