请教关于Element对象写法的问题

 var nDiv = document.createElement('div');
nDiv.setStyle({
            position : 'absolute',
            width: '200px',
            height:'200px',
            background : 'black',
            top : document.body.scrollHeight/2-100+'px',
            left : document.body.scrollWidth/2-100+'px'   
        })
document.body.appendChild(nDiv);

以上这段代码在ff下运行正常,在ie下报找不到nDiv 告诉 nDiv不存在,要这么写才行

var nDiv = document.createElement('div');
nDiv.id ='nDiv';
document.body.appendChild(nDiv);
$('nDiv').setStyle({
            position : 'absolute',
            width: '200px',
            height:'200px',
            background : 'black',
            top : document.body.scrollHeight/2-100+'px',
            left : document.body.scrollWidth/2-100+'px'   
        })

但是用Element(nDiv,{...})这种写法两者都可以,Element.setStyle()这种机制我理解,但是prototype他是怎样实现,obj.setStyle()这种机制的呢?

ff可以访问HTMLElement的原型，所以可以这样

HTMLElement.prototype.setStyle = function () {
...
}

ie其实也可用htc来附加这样的自定义方法。