PL
JavaScript - pobranie elementu o określonym id
3 points
W tym artykule przyjrzymy się, jak uzyskać element za pomocą identyfikatora w JavaScript.
Możemy to osiągnąć korzystając z jednej z metod dostępnych domyślnie w JavaScript:
document.getElementById('element-id')document.querySelector('#element-id')document.querySelectorAll('#element-id')
Poniżej możemy zobaczyć uruchamialne przykłady każdej z tych metod.
xxxxxxxxxx1
<html>2
<body>3
<div id="my-element">Pusty element...</div>4
<script>5
6
var handle = document.getElementById( 'my-element' );7
8
handle.innerHTML = 'Jakiś <b>tekst</b>...';9
10
</script>11
</body>12
</html>xxxxxxxxxx1
<html>2
<body>3
<div id="my-element">Pusty element...</div>4
<script>5
6
var handle = document.querySelector( '#my-element' );7
8
handle.innerHTML = 'Jakiś <b>tekst</b>...';9
10
</script>11
</body>12
</html>xxxxxxxxxx1
<html>2
<body>3
<div id="my-element">Pusty element 1...</div>4
<div id="my-element">Pusty element 2...</div>5
<div id="my-element">Pusty element 3...</div>6
<div id="my-element">Pusty element 4...</div>7
<script>8
9
var handles = document.querySelectorAll( '#my-element' );10
11
for( var i = 0; i < handles.length; ++i )12
handles[ i ].innerHTML = 'Jakiś <b>tekst</b>' + ( i + 1 ) + '...';13
14
</script>15
</body>16
</html>Uwaga:
document.querySelectorAlldziała ze zduplikowanymi identyfikatorami, ale w praktyce nie należy ich używać.
