her yere insertAdjacentHTML ekleyin

Paul Kinlan

Bir HTML dokümanına içerik eklemek için üç yöntemimiz vardır:

  • createNode ve appendChild gibi DOM yöntemlerini kullanma
  • Belge parçalarını kullanma
  • innerHTML kullanılıyor

Bazı kullanım alanları için document.write'e de sahip olduğumuzu söyleyebiliriz.

innerHTML, HTML5'te standartlaştırıldı ve innerHTML gibi çalışan ancak HTML içeriğini nereye eklemek istediğimizi daha ayrıntılı bir şekilde tanımlamamıza olanak tanıyan bir kardeş yöntem olan insertAdjacentHTML ile birlikte kullanıldı: beforeBegin, afterBegin, beforeEnd ve afterEnd.

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

2008'de John Resig, insertAdjacentHTML hakkında bir makale yazarak şu sonuca vardı:

insertAdjacentHTML işleviyle ilgili şimdiye kadarki en büyük sorun, tarayıcı desteğinin olmamasıydı. Firefox 8 sürümü itibarıyla insertAdjacentHTML işlevini kullanıma sunduğundan bu işlev, mobil tarayıcılar da dahil olmak üzere tüm büyük tarayıcılarda kullanılabilir. Bu özelliği hemen kullanmak ve 8'den önceki Firefox sürümlerinde çalıştığından emin olmak istiyorsanız bu polyfill'i kullanabilirsiniz.