_creaEl adalah fungsi untuk membuat DOM element dengan menggunakan javascript. Dan fungsi ini dibuat berdasarkan browser Mozilla Firefox.
_creaEl(tag,att,inner)
| tag | : | tag html yang akan dibuat |
| att | : | attribute dari tag html dengan type data array object. Boleh dikosongkan. [{nm:nama_attribute,v:nilai_attribute},{nm:nama_attribute,v:nilai_attribute}, ... dst] |
| inner | : | isi dari element yang akan dibuat. Bisa berupa text atau object element atau dikosongkan. |
Scriptnya sebagai berikut …
var _creaEl=function(tag,att,inner)
{
var o = window.document.createElement(tag);
if(o)
{
if(att)
{
for(var _ci in att)
{
if(att[_ci].nm)
{
o.setAttribute(att[_ci].nm,att[_ci].v);
if(att[_ci]=="width")
{
o.offsetWidth=att[_ci].v;
}
}
};
};
if(inner)
{
switch(typeof(inner))
{
case "object":
o.appendChild(inner);
break;
case "string":
o.innerHTML=inner;
break;
};
};
};
return o;
};
Dibawah ini adalah contoh untuk membuat button.
var inpButton=_creaEl("input",[
{nm:"type",v:"button"},
{nm:"onclick",v:"alert('Hello')"}
],"This is My First Button");
var myBody=window.document.getElementsByTagName("body")[0];
myBody.appendChild(inpButton);
Semoga membantu.


[...] 10 Juli 2008 in JavaScript, Programming | Tags: dom, JavaScript, OOP | FJSLoad berfungsi untuk me-load file-file javascript secara dynamis. Sehingga kita tidak perlu lagi mengetikkan tag html untuk me-loading file javascript kita pada file html (baca: statis). Dan script ini memiliki ketergantungan dengan script _creaEl [...]
halo, bikin tampilan kode di wordpress kayak gitu gmn sih? thanks