dom实现一个九九乘法表（添加、删除都有哦！！）

最新推荐文章于 2021-07-13 18:51:16 发布

duoduo220

最新推荐文章于 2021-07-13 18:51:16 发布

阅读量1.2k

点赞数

分类专栏：代码再现文章标签： table button function xhtml javascript border

本文链接：https://blog.csdn.net/wo1354691371/article/details/7303889

版权

代码再现专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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=utf-8" />
<title>实现添加一个九九乘法表</title>
<style type="text/css">
div{
   width:500px;
   height:300px;
   background-color:#F69;
   }

</style>
<script language="javascript" type="text/javascript">
function addNines(){
     var table=document.createElement("table");
table.setAttribute("border","1px");
for(var i=1;i<=9;i++){
     var tr=document.createElement("tr");
    for(var j=1;j<=i;j++){
     var text=document.createTextNode(i+"*"+j+"="+i*j);
     var td=document.createElement("td");
     td.appendChild(text);
     tr.appendChild(td);
     }

        table.appendChild(tr);

   }

    document.getElementById("d1").appendChild(table);

}
function delNines(){
var tr=document.getElementsByTagName("tr");
var table=tr[0].parentNode;
   table.removeChild(tr[tr.length-1]);
}

</script>
</head>

duoduo220

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
dom实现一个九九乘法表（添加、删除都有哦！！）

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">实现添加一个九九乘法表 div{ width:500px; height:300px; background-color:#F69; } function
复制链接

扫一扫

专栏目录