Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida sobre o console do navegador

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Variáveis e Operadores e atividade Buscando dados do paciente

por Roberto de Araujo Pacheco Filho
| 89.8k xp | 15 posts

Por algumas vezes quando utilizo a função console.log com o querySelector em algum elemento do HTML, o console do navegador (Edge) me devolve não somente o conteúdo do elemento, e sim uma seta que ao clicar nela tenho acesso a mais informações que não são relevantes no momento. Eu gostaria de saber como faço para não receber esse tanto de informação ?

tr#primeiro-paciente.paciente

accessKey: ""
align: ""
ariaAtomic: null
ariaAutoComplete: null
ariaBusy: null
ariaChecked: null
ariaColCount: null
ariaColIndex: null
ariaColSpan: null
ariaCurrent: null
ariaDescription: null
ariaDisabled: null
ariaExpanded: null
...

O meu código no JavaScript está assim:

var paciente = document.querySelector('#primeiro-paciente')
var peso = paciente.querySelector('.info-peso')

console.log(paciente)
console.log(peso)
1 resposta
solução!
por André Cunha
| 144.3k xp | 236 posts
Desenvolvedor Mobile

Olá Roberto, tudo bem?

Existem algumas formas de pegar apenas o valor dos elementos html e também depende da tag que você está tentando pegar o valor. Por exemplo, se for algum input você consegue pegar com .value, já se for alguma tag como h1, h2... você consegue pegar o valor com textContent. Vou deixar um exemplo aqui embaixo para você poder testar. Ao apertar no botão ele imprime o resultado no console do navegador:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 class="titulo" id="titulo">TITULO TESTE</h1>
    <input class="entrada" type="text" placeholder="entrada" value="Hello World" />
    <button onclick="myFunction()">CLICK</button>

    <script>
        function myFunction() {
            var teste = document.querySelector(".titulo").textContent;
            var teste2 = document.querySelector(".entrada").value;
            console.log(teste)
            console.log(teste2)
        }
    </script>
</body>
</html>
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!