javascript动态创建表格

最新推荐文章于 2023-02-06 19:13:34 发布

meiwn

最新推荐文章于 2023-02-06 19:13:34 发布

阅读量1.6k

点赞数

分类专栏：学习心得文章标签： javascript function border table html div

本文链接：https://blog.csdn.net/meiwn/article/details/754343

版权

学习心得专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<HTML>
<BODY>
<div id="test"></div>
<TABLE id="aa" border=2>
<tbody id="resultsBody">
<tr><td>ddddddddd</td></tr>
</tbody>
</TABLE>
</BODY>
</HTML>
<script>
var tr,td,tx
function createTable(){
clearTR();
var tr=document.createElement("tr");
var td=document.createElement("td");
var tx=document.createTextNode("aaaaaaaaaa");
td.appendChild(tx);
tr.appendChild(td);
document.all.resultsBody.appendChild(tr);
}

function createA(){
var a1 =document.createElement("<A href='http://www.bj333.com' target='_blank'>");
var cell=document.createElement("<font size=23px color=red>");
var b=document.createElement("<i>");
var textNode = document.createTextNode("content");
b.appendChild(textNode);
cell.appendChild(b);
a1.appendChild(cell);
document.all.test.appendChild(a1);
}

function clearTR(){
while (document.all.resultsBody.childNodes.length>0)
{
document.all.resultsBody.removeChild(document.all.resultsBody.childNodes[0])
}

}

function addEvent(){
if (document.readyState=='complete')
{
window.attachEvent("onload",createA);
document.attachEvent("onclick",createTable);

}
}

document.onreadystatechange=addEvent;

</script>