Metoda HTML DOM getElementById()
Definicja i użycie
Funkcja getElementById() zwraca odniesienie do pierwszego obiektu o określonym ID.
Gramatyka
document.getElementById(id)
Wyjaśnienie
HTML DOM definiuje wiele metod do wyszukiwania elementów, oprócz funkcji getElementById() istnieją również getElementsByName() i getElementsByTagName().
Jednak, jeśli potrzebujesz znaleźć konkretny element w dokumencie, najskuteczniejszym sposobem jest użyć funkcji getElementById().
Podczas operacji na konkretnym elemencie dokumentu, najlepiej przypisać temu elementowi atrybut id, określić dla niego unikalną nazwę w dokumencie, a następnie można go znaleźć za pomocą tego ID.
Przykład
Przykład 1
<html>
<head>
<script type="text/javascript">
function getValue()
var x=document.getElementById("myHeader")
alert(x.innerHTML)
<h1 id="myHeader" onclick="getValue()">To jest nagłówek</h1>
<p>Kliknij na nagłówek, aby wyświetlić jego wartość</p>
Przykład 2
getElementById() jest ważnym metodą, w projektowaniu DOM, jej użycie jest bardzo powszechne. Definiujemy dla Ciebie funkcję narzędziową, abyś mógł używać metody getElementById() za pomocą krótszej nazwy:
function id(x) {
if (typeof x == "string") return document.getElementById(x)
return x;
Powyższa funkcja przyjmuje jako parametr ID elementu. Dla każdego takiego parametru, możesz napisać x = id(x) przed użyciem.
