her yere insertAdjacentHTML ekleyin

Peker Kinlan

Bir HTML dokümanına içerik eklemek için bunu üç şekilde yaparız:

  • createNode ve appendChild gibi DOM yöntemlerini kullanma
  • Doküman Parçaları'nı kullanma
  • innerHTML kullanılıyor

Muhtemelen birkaç kullanım alanına yönelik document.write olduğunu da söyleyebiliriz.

innerHTML, HTML5'te standart hale getirilmiştir ve bununla birlikte, innerHTML işlevi gören ancak HTML içeriğini nereye yerleştireceğimizi daha ayrıntılı bir şekilde tanımlamamıza olanak tanıyan bir erkek kardeş yöntemi olan insertAdjacentHTML ile yapılmıştır: beforeStart, afterStart, beforeEnd ve afterEnd.

var ul = document.getElementById("list");
ul.insertAdjacentHTML("beforeEnd", "<li>A new li on the list.</li>");

John Resig, 2008'de insertAdjacentHTML hakkında bir makale yazdı ve şu sonuçla karşılaştı:

Şimdiye kadar insertAdjacentHTML ile ilgili asıl sorun tarayıcı desteğinin olmamasıydı. Firefox sürüm 8'den itibaren insertAdjacentHTML'yi uyguladığında, mobil tarayıcılar da dahil olmak üzere başlıca tüm tarayıcılarda kullanılabilir olacaktır. Şimdi kullanmak ve Firefox 8'den önceki sürümlerde çalıştığından emin olmak istiyorsanız bu polyfill kullanabilirsiniz.