document.getElementById

Podsumowanie

Zwraca element o okre┼Ťlonym ID.

Składnia

var element = document.getElementById(id);

Parametry

  • element jest obiektem element
  • id jest ci─ůgiem zawieraj─ůcym unikalny ID szukanego elementu

Przykład

<html>
<head>
<title>Przykład getElementById</title>

<script type="text/javascript">

function changeColor(newColor)
{
 var elem = document.getElementById("para1");
 elem.style.color = newColor;
}
</script>
</head>

<body>
<p id="para1">Jaki┼Ť tekst</p>
<button onclick="changeColor('blue');">niebieski</button>
<button onclick="changeColor('red');">czerwony</button>
</body>
</html>

Uwagi

getElementById jest absolutn─ů podstaw─ů DOM. Jedn─ů z najwa┼╝niejszych zasad w programowaniu DOM jest unikalne identyfikowanie element├│w, dzi─Öki czemu mo┼╝na je przechwyci─ç i manipulowa─ç nimi.

Je┼╝eli nie ma elementu o podanym ID, funkcja zwraca NULL. Zauwa┼╝ te┼╝, ┼╝e implementacja DOM musi wiedzie─ç, kt├│re atrybuty maj─ů typ ID. Atrybuty o nazwie "ID" nie maj─ů typu ID, o ile nie zostanie to tak zdefiniowane. Implementacje, kt├│re nie wiedz─ů, czy atrybuty maj─ů typ ID czy nie, powinny zwraca─ç NULL.

getElementById wprowadzono w DOM Level 2.

Specyfikacja