js实现向表格追加新行

矫情吗；* 2022-04-12 06:37 318阅读 0赞

$(document).ready(function()\{  
    //alert("aaa");  
    $("\#panel h5.head").bind("click",function()\{  
        alert("test1");  
        if($(this).next("div.content").is(":visible"))\{  
            $(this).next("div.content").hide();  
        \}else\{  
            $(this).next("div.content").show();  
        \}  
    \});  
\});

function createTable()\{  
     var vTable = document.createElement("table");  
      vTable.cellPadding ="0";  
      vTable.border="1";  
      vTable.color="\#000000";  
      for(kindex=0;kindex<5;kindex++)\{  
          var vTr = vTable.insertRow(kindex);  
          for(index=0;index<5;index++)\{  
              vTd = vTr.insertCell(index);  
              vTd.innerHTML="<input type='text' value='0' style='border:0px solid red;' /> ";  
          \}  
      \}  
      document.getElementById("d1").appendChild(vTable);  
       
 \}  
</script>  
</head>  
<body>  
<user:name userName="Tom"></user:name><br/>    
<div id="panel">  
   <h5 class="head">什么是Jquery？</h5>  
      <div class="content">这里是jquery的简介，详细去百度吧，这里就不写那么多了。</div>  
</div>  
<input type="button" value="创建表格" οnclick="createTable()"/>  
<div id="d1"></div>

发表评论取消回复

表情：

评论列表（有 0 条评论，318人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery静态表格克隆复制当前行追加其后

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXh

Myth丶恋晨/ 2023年06月28日 15:26/ 0 赞/ 100 阅读

相关 php表格js特效,JavaScript_JS实现的表格行上下移动操作示例，本文实例讲述了JS实现表格行 - phpStudy...

JS实现的表格行上下移动操作示例本文实例讲述了JS实现表格行上下移动操作的方法。分享给大家供大家参考，具体如下： /p> "http://www.w3.org/TR/x

╰半橙微兮°/ 2023年01月15日 08:20/ 0 赞/ 132 阅读

相关 JS：调用方法实现向数组中追加一个元素

//（1）在数组末尾追加一个元素,返回追追加元素后数组的长度 var array=\["String","Number","Undefi

朴灿烈づ我的快乐病毒、/ 2022年09月26日 01:45/ 0 赞/ 209 阅读

相关 js向object对象添加属性和向数组中追加元素

js向object对象添加属性和向数组中追加元素 json对象添加属性 json数组添加元素对象内部数组中追加元素 json

落日映苍穹つ/ 2022年09月10日 07:27/ 0 赞/ 502 阅读

相关 javascript 自动追加和删除表格行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/x

绝地灬酷狼/ 2022年08月23日 14:45/ 0 赞/ 192 阅读

相关 JS动态向表格添加数据

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t

灰太狼/ 2022年04月15日 05:16/ 0 赞/ 490 阅读

相关 JS-向当前url追加参数

JS-使用history的replaceState方法向当前url追加参数 var newurl = updateQueryStringParameter(windo

╰+攻爆jí腚メ/ 2022年04月13日 12:39/ 0 赞/ 624 阅读

相关 js实现向表格追加新行

$(document).ready(function()\{ //alert("aaa"); $("\panel h5.head").bind("cli

矫情吗；*/ 2022年04月12日 06:37/ 0 赞/ 319 阅读

相关 js 操作表格-删除行

表格删除行表格删除行不适用父对象.removeChild()方法表格对象.deleteRow(行对象); 不论行对象是谁，都只会删除

╰+哭是因爲堅強的太久メ/ 2021年07月24日 14:02/ 0 赞/ 606 阅读

相关利用js实现表格隔行换色效果

利用js实现表格隔行换色效果首先我们来看一下实现的效果，如下图所示：思路：确定事件: 文档加载完成 onload 2. 事件要触发函数: init() 3. 函数:...

小灰灰/ 2020年06月03日 12:45/ 0 赞/ 742 阅读