Задача по JavaScript с DOM элементами?

174

22 декабря 2018, 18:50

помогите решить простую задачу, я вроде и сам решил но не понимаю что не правильно)

Выберите 3 DOM элемента:

обратитесь к элементу div> по id = "test" и присвойте выбранный элемент переменной id.
обратитесь к элементу div> по классу class = "test" и присвойте выбранные элементы переменной className
обратитесь к элементу div> по тегу и присвойте выбранные элементы переменной tag

я написал так:

var id=document.getElementById("test"); 
var className = document.getElementByClassName("test"); 
var tag = document.getElementByTagName("div")

но все ровно что-то не так.

Answer 1

Множественное число - document.getElementsBy...Name

var id = document.getElementById("test"); 
var className = document.getElementsByClassName("test"); 
var tag = document.getElementsByTagName("div"); 
console.log(id); 
console.log(className); 
console.log(tag);

<div id="test"></div> 
<div class="test" id="one"></div> 
<div class="test" id="two"></div>

Answer 2

Также, есть вероятность, что вам необходимо использовать селекторы и методы querySelector и querySelectorAll.

Тогда, соответственно, код будет выглядеть вот так:

var id = document.querySelector("#test"); 
var className = document.querySelectorAll(".test"); 
var tag = document.querySelectorAll("div"); 
console.log(id); 
console.log(className); 
console.log(tag);

<div id="test"></div> 
<div class="test" id="one"></div> 
<div class="test" id="two"></div>

Answer 3

Для выбора элементов по id можно использовать метод getElementById - так как id - это уникальный идентификатор, на странице может существовать только один элемент с таким id и этот метод возвращает один единственный элемент. Метод называется соответствующе.

Для выбора элементов, например, по имени класса - можно использовать метод getElementsByClassName, так как одинаковых классов на странице может быть очень много - метод называется getElementS.. и возвращает, условно, массив всех элементов, которые попадают под этот классовый селектор.

У вас просто метод выбора по классу не правильно называется.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Нужно описывать типы данных в классе, после интерфейса?

Класс Calculator имплементируется от ICalculator, где описаны все методы и их типы, стоит ли повторно это делать для параметров методов класса ? Если...

154

javascript