getElementById возвращает объект, getElementsByName не возвращает ни

Question

У меня есть следующий код

var commentId = 1834; 

alert("getElementsByName:: " + typeof(document.getElementsByName("tmp_airDiff" + commentId)[0])); 
alert("getElementById:: " + typeof(document.getElementById("tmp_airDiff" + commentId))); 

Там нет ни одного элемента, имеющего tmp_airDiff1834 как идентификатор или имя в документе.

Но вот что я получаю обратно:

getElementsByName:: undefined 
getElementById:: object 

Может кто-нибудь объяснить, почему getElementById возвращается object при использовании typeof, когда нет такого объекта в документе?

Answer 1

Вы смущены, потому что

typeof null === "object" 

и getElementById возвращает null.

Да, это странно, точно так же, как typeof NaN === "number", но that's how it works.

В случае getElementsByName, вы выводите тип undefined, который является то, что вы получаете, когда вы получаете доступ к элементу из массива (или массив типа объекта, здесь).

[][1] === undefined 

Вы бы не почувствовали себя в этой ловушке с более адаптированной практикой отладки. Вместо того чтобы использовать

alert("some name : " + typeof(someValue)) 

вам лучше use the console of your browser:

console.log("some name :", someValue) 

Обратите внимание, что вы имели бы одинаковое поведение, если тестирование в if:

if (document.getElementsByName("tmp_airDiff" + commentId)[0]) { 
    // never goes there as undefined is falsy 
} 
if (document.getElementById("tmp_airDiff" + commentId)) { 
    // never goes there as null is falsy 
} 

Answer 2

Причина в том, что document.getElementById() возвращает null, когда элемент с заданным ID не найден. И typeof(null) возвращает object.

Answer 3

Простые getElementById возвращает нулевое значение, если элемент не найдено и typeof null является объектом
getElementsByName возвращает коллекцию, если она пуста, любой индекс будет неопределенным. typeof undefined не определено.

Answer 4

Причина, по которой getElementsByName возвращается undefined, заключается в том, что она возвращает array, и вы ссылаетесь на индекс, который не существует. В качестве примера:

var array = []; 
array[2320]; //undefined 
array[0]; //undefined 

getElementById с другой стороны, возвращает null, когда элемент не был найден (он не возвращает пустой массив).