html table新增行,用js代码为table添加行（table+div布局）

以上是效果图，点击“小三说”会增加小三的一则信息，点击“小四说”会增加小四的一则信息。增加行的js方法为addFriendRow(tableId,who)

代码如下：

/p>

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

chat页面

document.write("这是Javascript！采用直接插入的方法！");

//-Javascript结束-->

function message(mes)

{

alert(mes);

}

function addFriendRow(tableId,who) {

var tableObj =

document.getElementByIdx_x(tableId);

var

rows=tableObj.rows.length;

currRow=tableObj.insertRow(rows);

cellc=currRow.insertCell(0);

if(who=='friend')

{

cellcContext="

class='touxiang'>

class='pic'>

width='50' height='50'

/>

class='nick'>小三

class='detailFriend'>

class='date'>2011-09-06,13:57:21

class='message'>你好Lava用户

";

}

if(who=='myself')

{

cellcContext="

width='220'>

class='detailMyself'>

class='date'>2011-09-06,13:57:21

class='message'>你好，Lava用户....

class='touxiang'>

class='pic'>

width='50' height='50'

/>

class='nick'>小四

";

}

cellc.innerHTML=cellcContext;

}

id="chatList">

src="lavaPic.jpg" width="50" height="50" /> class="nick">小三

class="date">2011-09-06,13:57:21 class="message">你好，Lava用户

class="date">2011-09-06,13:57:21 class="message">你好，Lava用户....