HTML Tutorial

HTML-tagg: <span>

Användning av <span>

<span>-taggen används för att tillämpa stilar eller attribut på en del av texten, utan att skapa ett nytt blockelement.

Attribut för <span>

<span>-taggen har inga unika attribut.

Exempel med <span>

<p>Text före <span style="color:red;">röd text</span> efter text.</p>

Undersöka <span>-taggen

<div id="span-exempel">
  <h1>Rubrik</h1>
  <p>
    Text före <span id="span-id" style="color:blue;">blå text</span> efter text.
  </p>
</div>

<script>
  // Välj <span>-elementet
  const span = document.getElementById("span-id");

  // Ändra stilen på <span>-elementet
  span.style.color = "green";

  // Välj moder-elementet
  const moder = document.getElementById("span-exempel");

  // Ta bort <span>-elementet
  moder.removeChild(span);
</script>