<! DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html? xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta? http-equiv ="Content-Type" ?content ="text/html;?charset=gb2312" ? />
< title > HTMLTest8 </ title >
< script? type ="text/javascript" >
function ?insertStr()
{
???? var ?f? = ?document.form1;
???? var ?value? = ?f.str.value;
???? if (value? != ? "" )
???? {
???????? var ?text? = ?document.createTextNode(value);
???????? var ?td? = ?document.createElement( " td " );
???????? var ?tr? = ?document.createElement( " tr " );
???????? var ?tbody? = ?document.createElement( " tbody " );
????????td.appendChild(text);
????????tr.appendChild(td);
????????tbody.appendChild(tr);
???????? var ?parNode? = ?document.getElementById( " table1 " );
????????parNode.insertBefore(tbody,?parNode.firstChild);
????}
}
</ script >
</ head >

< body >
< form? name? =?"form1" ?method ="post" ?action ="" >
???? < input? name ="str" ?type ="text" ?id ="str" ?value ="" >
???? < input? name ="insert" ?type ="button" ?id ="insert" ?value ="留言" ?onclick ="insertStr()" > ?
</ form >
< table? width ="400" ?border ="1" ?cellspacing ="0" ?cellpadding ="0" ?id ="table1" >
< tbody >
???? < tr >
???????? < td? height ="25" > 網友留言列表： </ td >
???? </ tr >
</ tbody >
</ table >
</ body >
</ html >