Entrar Ainda não tem acesso?
3
respostas

A atividade diz que o codigo deve retornar isso //resultado ["titulo","principal","azul"] mas retorna (DOMTokenList ["titulo",value:"titulo"

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Arrays, Loop e Estilos e atividade Acessando as classes

por Estudante
| 59.7k xp | 4 posts


Quando selecionamos um elemento com as funções de querySelector, elas nos devolvem um objeto que tem algumas propriedades especiais, que falam sobre as características do HTML selecionado. Uma dessas propriedades é a .classList, que como o nome indica nos mostras classes que aquele HTML tem.

Experimente usar o seguinte código:

<h1 class="titulo principal azul"> Sou o titulo principal! </h1>

E no arquivo JavaScript, peça para imprimir o classList da tag h1:

var titulo = document.querySelector("h1");
console.log(titulo.classList);

Será exibido no seu console, uma estrutura de lista do JavaScript com todas as classes daquele <h1>:

//resultado
["titulo","principal","azul"]
3 respostas
por Estudante
| 59.7k xp | 4 posts

html

sou o titulo principal

var titulo = document.querySelector("h1"); console.log(titulo.classList);

retornou //resultado ["titulo","principal","azul"]

por Geovani Granieri
| 909.1k xp | 1038 posts
Instrutor

Olá Julio, tudo bem como você?

Não deu para entender muito bem qual a resposta que você teve, mas eu dei uma olhada aqui e o código está correto, então tanto no Chrome, quanto no Firefox, por exemplo você deve ter um retorno parecido com esse:

DOMTokenList(3) [ "titulo", "principal", "azul" ]

No exemplo do exercício eles resumiram apenas para o conteúdo do array :)

Abraços e Bons Estudos!

por Patrik Dalla Nora
| 312.9k xp | 17 posts
<h1 class="titulo principal azul"> Sou o titulo principal! </h1>

Adicione a linha acima dentro do 

<head>

ou antes do

<h1 class="titulo">Aparecida Nutrição</h1>

Ex:

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Aparecida Nutrição</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/index.css">

    </head>
    <body>

        <header>
            <div class="container">
                <h1 class="titulo principal azul"> Sou o titulo principal! </h1>
                <h1 class="titulo">Aparecida Nutrição</h1>
            </div>
        </header>
[...]

Tenta ai ;)