js自定义对象如何关联dom

Question

是这样么？
<div id="aaa"></div>
<script type="text/javascript">
function MyObject(dom){
this.dom = dom;
this.f1 = function(s){
this.dom.innerHTML = s;
}
}
var d = document.getElementById("aaa");
var o = new MyObject(d);
o.f1("1111");
</script>

Answer 1

通过createElement动态生成个form元素作为你对象的一个属性 之后操作这个form直接操作这个属性试试

Answer 2

多谢楼上回复，这个不是我所要的，这个还是以传参的形式构建的，java里面有extends关键字来实现这个，不知道DOM的对象如何进行拓展，是不是无法做到？？

Answer 3

function Component(id,type){
//该元素的类型 div,p,img....
 this.type = type;
 this.distory = false;
 this.components = [];
 this.parent = null;
  this.setStyles = function(styles){
if(!isUndefined(styles))
this.styles = $.extend(this.styles,styles);
$('#'+this.id).css(this.styles);
}
    this.getEntity = function(){
return $('#'+this.id);
}
}大家看看这个，应该能看出我要做什么，我现在自定义一个对象，但是其实操作的是这个this.getEntity。这种方法感觉总不是那么方便

Answer 4

楼主是要做封装吗？是不是要封装一个通用的方法来操作form标签？

Answer 5

function cf(){
    var f = document.createElement('FORM');
    for(var k in cf.prototype){
        f[k] = cf.prototype[k];
    }
    return f;
}
cf.prototype = {
     myname:function(){
        alert(this.tagName);
     }
}我记得上个月回答过一模一样的问题