Показать элементы с помощью JavaScript: getElementById, getElementsByClassName, getElementsByTagName, querySelector, querySelectorAll

Чтобы отобразить элементы с помощью JavaScript, вы можете использовать несколько методов. Вот некоторые из наиболее распространенных:

  1. getElementById: этот метод позволяет выбрать элемент по его уникальному атрибуту ID. Затем вы можете изменить его свойства или содержимое. Например:

    var element = document.getElementById("myElement");
    element.style.display = "block";
  2. getElementsByClassName: этот метод позволяет выбирать элементы по имени их класса. Он возвращает коллекцию элементов указанного класса. Затем вы можете перебирать коллекцию и изменять нужные свойства. Например:

    var elements = document.getElementsByClassName("myClass");
    for (var i = 0; i < elements.length; i++) {
    elements[i].style.display = "block";
    }
  3. getElementsByTagName: этот метод позволяет выбирать элементы по имени их тега. Он возвращает коллекцию элементов, имеющих указанный тег. Вы можете перебирать коллекцию и изменять нужные свойства. Например:

    var elements = document.getElementsByTagName("div");
    for (var i = 0; i < elements.length; i++) {
    elements[i].style.display = "block";
    }
  4. querySelector: этот метод позволяет выбирать элементы с помощью селекторов CSS. Он возвращает первый элемент, соответствующий указанному селектору. Затем вы можете изменить его свойства или содержимое. Например:

    var element = document.querySelector("#myElement .myClass");
    element.style.display = "block";
  5. querySelectorAll: этот метод позволяет выбирать элементы с помощью селекторов CSS. Он возвращает коллекцию элементов, соответствующих указанному селектору. Вы можете перебирать коллекцию и изменять нужные свойства. Например:

    var elements = document.querySelectorAll("div.myClass");
    for (var i = 0; i < elements.length; i++) {
    elements[i].style.display = "block";
    }