getElementById mengembalikan null?

Juga berhati-hatilah bagaimana Anda mengeksekusi js pada halaman. Misalnya jika Anda melakukan sesuatu seperti ini:

(function(window, document, undefined){

  var foo = document.getElementById("foo");

  console.log(foo);

})(window, document, undefined); 

Ini akan mengembalikan null karena Anda akan memanggil dokumen sebelum dimuat.

Pilihan yang lebih baik ..

(function(window, document, undefined){

// code that should be taken care of right away

window.onload = init;

  function init(){
    // the code to be called when the dom has loaded
    // #document has its nodes
  }

})(window, document, undefined);

Hal ini bisa disebabkan oleh:

1. Sintaks HTML tidak valid (beberapa tag tidak ditutup atau kesalahan serupa)
2. ID duplikat - ada dua elemen DOM HTML dengan ID yang sama
3. Mungkin elemen yang Anda coba dapatkan dengan ID dibuat secara dinamis (dimuat oleh ajax atau dibuat oleh script)?

Tolong, kirimkan kode Anda.

Mungkin ada banyak alasan mengapa document.getElementById tidak berfungsi

• Anda memiliki ID yang tidak valid

  Token ID dan NAME harus dimulai dengan huruf ([A-Za-z]) dan dapat diikuti oleh sejumlah huruf, digit ([0-9]), tanda hubung ("-"), garis bawah ("_"), titik dua (":"), dan titik ("."). (sumber: https://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html)

• Anda menggunakan beberapa id yang sudah Anda gunakan sebagai nama &<meta> di header Anda (misalnya hak cipta, penulis... ) ini terlihat aneh tetapi terjadi pada saya: jika Anda 'menggunakan IE lihatlah (sumber: http://www.phpied.com/getelementbyid-description-in-ie/)

• Anda menargetkan elemen di dalam bingkai atau iframe. Dalam hal ini jika iframe memuat halaman dalam domain yang sama dengan induknya, Anda harus menargetkan contentdocument sebelum mencari elemennya (sumber: https://stackoverflow.com/questions/8710100/calling-a-specific-id-inside-a-frame/8710249#8710249)

• Anda hanya mencari elemen ketika node tidak dimuat secara efektif di DOM, atau mungkin itu adalah kesalahan ejaan sederhana

Saya ragu Anda menggunakan ID yang sama dua kali atau lebih: dalam hal ini document.getElementById harus mengembalikan setidaknya elemen pertama