Skip to main content
2 de 3
adicionou 1430 caracteres ao conteúdo
Woss
  • 77,2mil
  • 15
  • 123
  • 221

Os atributos id e class são atributos globais, o que significa que a função será sempre a mesma para qualquer elemento, sem exceção. Ou seja, o id irá definir um identificador único para o elemento, que deve ser único também no documento. Já o class define identificadores que não necessitam ser únicos, utilizado quando deseja identificar um grupo semelhante de elementos.

Mas por quê utilizar estes atributos em link e script?

Como comentado, as aplicações podem variar bastante conforme a necessidade de cada desenvolvedor e/ou aplicação. Para o elemento link o Guilherme comentou a aplicação mais óbvia: trocar dinamicamente o estilo da página.

const btn = document.getElementById("changeStyleButton");
const css = document.getElementById("cssFile");

btn.addEventListener("click", event => {
  let href = css.getAttribute("href");
  
  css.setAttribute("href", (href == "style.css") ? "other.css" : "style.css");
  
  console.log("O CSS mudou de " + href + " para " + css.getAttribute("href"));
});
<link id="cssFile" href="style.css" rel="stylesheet" />
<button id="changeStyleButton">Alterar estilo</button>

Considerando que ambos os arquivos, style.css e other.css, existem, o estilo da página atual irá ser alterado ao pressionar o botão. Porém, para o elemento script isso não faz muito sentido - pode até ser que alguma aplicação ou problema possam fazer uso desta troca de arquivos, mas sinceramente eu nunca vi necessidade. Mas tem uma aplicação utilizando o elemento script que é bem interessante.

Sem spoilers, espere a edição.

Woss
  • 77,2mil
  • 15
  • 123
  • 221