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 birlikte 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 eklendi: 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 en büyük sorun, tarayıcı desteğinin olmamasıydı. Firefox 8 sürümü itibarıyla insertAdjacentHTML'i kullanıma sunmasıyla 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.