Выбор элементов

document.getElementById

Если у элементу назначен атрибут id и вы хотите получить атрибут по переменной с именем из значения id, используется document.getElementById.


<div id="container">Текст</div>

<script>

var elem = document.getElementById('container');

document.getElementsByClassName

document.getElementsByClassName находит все элементы по имени класса.


 <div class="ex-text">Привет!</div>

 <script>
   var text = document.getElementsByClassName('ex-text');
 </script>
 

document.getElementsByTagName

document.getElementsByTagName находит элементы по тегу.


 <div></div>
  
 <script>
   var elements = document.getElementsByTagName('div');
 </script>

document.querySelectorAll

document.querySelectorAll используется если внутри элемента, есть css-селекторы.


<div class="text">
    <span>Rapprogtrain</span>
<script>

  var txt = document.querySelectorAll('.text span:first-letter');

</script>