Analise o código HTLM a seguir, do qual um trecho foi omitido. <body> ------------------------------------ <button type="button" onclick="document.getElementById('xpto').innerHTML = 'Clicado'">Clique aqui</button> </body> Assinale o papel da string “xpto” na segunda linha após o trecho tracejado.
- A)O nome de um evento HTML.
Errada, porque xpto não é nome de evento HTML, e sim um identificador usado para localizar um elemento.
- B)O nome de uma classe CSS.
Errada, porque xpto não tem relação com classe CSS; classes seriam acessadas por class ou por seletores de estilo.
- C)O nome de uma função JavaScript.
Errada, porque xpto não é nome de função JavaScript, mas o valor passado para procurar um elemento pelo ID.
- D)O valor do atributo “id” de um elemento.
Certa, porque xpto é o valor do atributo id do elemento que o JavaScript quer encontrar com getElementById.
- E)Uma tag nativa do XML.
Errada, porque xpto não é uma tag XML, e sim um identificador atribuído a um elemento HTML.
Gabarito: D
Em HTML, o atributo id serve para identificar de forma única um elemento na página. Ele funciona como um “nome interno” para que você consiga localizar esse elemento depois, seja no CSS, no JavaScript ou em links âncora. No código da questão, a função document.getElementById('xpto') procura exatamente o elemento cujo id seja xpto. Depois de encontrar esse elemento, o JavaScript altera o conteúdo interno dele com innerHTML, trocando o que estiver lá por 'Clicado'. É aquela típica interação de botão que muda algo na tela sem recarregar a página. Por isso, a string xpto não é evento, nem classe, nem função, nem tag XML. Ela é apenas o valor do atributo id do elemento que será manipulado pelo script. Em prova, sempre vale lembrar: getElementById olha para o id, não para class, name ou qualquer outro atributo. Assim, o gabarito é a alternativa D. A lógica é direta: se o método busca por ID, a string informada dentro dele representa justamente o valor desse ID.