DOMにオブジェクトを追加するには？

Question

私はそうのようなオブジェクトを自分で作成したい：

function Table() 
{ 

}; 
Table.prototype.toString = function () 
{ 
    return '<table><tr><td></td></tr></table>'; 
}; 
var table = new Table(); 

$('body').append(table); 

はしかし失敗しました。それで、あなた自身のオブジェクトのためにこれを引き出すトリックは何ですか？似たようなものがイメージで見られます。

var image = new Image(); 
image.src = '//some_image.jpg'; 
$('body').append(image); 

今、私はテーブルの等価物には興味がありません。テーブルは自分のオブジェクトの単なる例です。

Answer 1

definetly働く何かこの

function Table() 
{ 
    return document.createTextNode("That´s a table"); 
}; 

をお試しください：

Table.prototyp.toDOM = function() 
{ 
    return document.createTextNode("That´s a table"); 
}; 

$("body").append(table.toDOM()); 

Answer 2

<script> 
    var htmlCon = "<div id='iconDiv'><table style='align:center;color:#fff;'></table></div>"; 
    $('body').append(htmlCon); 
    $('#iconDiv').addClass("iconDiv").css({"left":xPos+20, "top":yPos-80}); 
    $('#iconDiv table').append('<tr><td colspan="4" style="color:#000"><b>Event</b></td><td align="right" valign=""><ahref="javascript:close()">X</a></td></tr>'); 
    $('#iconDiv table').append('<tr><td>When</td><td>:</td><td>'+""+day+""+'-'+""+monthName+""+' - '+""+year+""+'</td></tr>'); 
    $('#iconDiv table').append('<tr><td>What</td><td>:</td><td><input type="text" name="wht" id="wht"><input type="hidden" name="start" id="start" value='+"'"+year+""+'-'+""+month+""+'-'+""+day+"'"+'><input type="hidden" name="end" id="end" value='+"'"+year+""+'-'+""+month+""+'-'+""+day+"'"+'></td></tr>'); 
    $('#iconDiv table').append('<tr><td colspan="5">e.g. Tea at the Ritz</td></tr>'); 
    $('#iconDiv table').append('<tr><td colspan="5"><input type="button" value="createEvent" class="button" onclick="CreateEvent()">&nbsp;<input class="button" type="button" value="editEvent" onclick="editEvent('+"'"+year+"'"+','+"'"+month+"'"+','+"'"+day+"'"+')"></td></tr>');</script>