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
• Doküman Kırıntıları'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şlevinin şimdiye kadarki en büyük sorunu, tarayıcı desteğinin olmamasıydı. Firefox 8 sürümü itibarıyla insertAdjacentHTML'i 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.