Javascript ile CreateElement’lere Değer Atamak

Bazı durumlarda dinamik olarak javascript kodu üretmek gerekir. Bunun için yapılması en mantıklı olay createElement öğesidir. Bununla birlikte yeni bir “tag” oluşturulur ve arından içerisi doldurulur. İlk olarak benim yaptığım olay bir div oluşturmak ardından dive karakteristik özelliklerini atamak (kalınlık,font büyüklüğü vs.)  Html Head tagının script kısmına yazılacak kodlar.

var container;
var ornek_div;

function init()
{
container = document.createElement('div');
document.body.appendChild(container);
container.style.fontWeight = "bold";
container.style.paddingLeft = "20px";
container.style.paddingTop = "10px";
container.style.position = "absolute";
container.style.color = "#ffffff";
container.innerHTML = "Deneme Yazısı."
container.setAttribute("id","ornek_div");
//container.setAttribute("style","width:50px; height:50px; background:#000;");

ornek_div = document.getElementById("ornek_div");
ornek_div.style.backgroundColor = "#000000";
ornek_div.style.width = "200px";
ornek_div.style.height = "200px";
}

---