Languages
[Edit]
PL

JavaScript - pobranie elementu o okre┼Ťlonym id

3 points
Created by:
Aisha
298

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.

1. document.getElementById:

// ONLINE-RUNNER:browser;

<html>
  <body>
    <div id="my-element">Pusty element...</div>
    <script>

	var handle = document.getElementById( 'my-element' );

	handle.innerHTML = 'Jaki┼Ť <b>tekst</b>...';

    </script>
  </body>
</html>

2. document.querySelector:

// ONLINE-RUNNER:browser;

<html>
  <body>
    <div id="my-element">Pusty element...</div>
    <script>

	var handle = document.querySelector( '#my-element' );

	handle.innerHTML = 'Jaki┼Ť <b>tekst</b>...';

    </script>
  </body>
</html>

3. document.querySelectorAll:

// ONLINE-RUNNER:browser;

<html>
  <body>
    <div id="my-element">Pusty element 1...</div>
    <div id="my-element">Pusty element 2...</div>
    <div id="my-element">Pusty element 3...</div>
    <div id="my-element">Pusty element 4...</div>
    <script>

	var handles = document.querySelectorAll( '#my-element' );

	for( var i = 0; i < handles.length; ++i )
		handles[ i ].innerHTML = 'Jaki┼Ť <b>tekst</b>' + ( i + 1 ) + '...';

    </script>
  </body>
</html>

Uwaga:

document.querySelectorAll działa ze zduplikowanymi identyfikatorami, ale w praktyce nie należy ich używać.

Native Advertising
­čÜÇ
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

ÔŁĄ´ŞĆ­čĺ╗ ­čÖé

Join