六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 128|回复: 0

table中添加控件

[复制链接]

升级  46%

5

主题

5

主题

5

主题

童生

Rank: 1

积分
23
 楼主| 发表于 2013-2-7 21:04:01 | 显示全部楼层 |阅读模式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Add&DeleteNodetitle>
<script language="javascript">
var i=1;
function insertStr() {
        i++;
        var td = document.createElement("td");  
        var tr = document.createElement("tr");  
        var tbody = document.createElement("tbody");  
        tr.appendChild(td);  
        tbody.appendChild(tr);  
        var parNode = document.getElementById("table1");  
        parNode.appendChild(tbody);  
        tr.setAttribute("name","tr"+i);
        tr.setAttribute("id","tr"+i);
        td.innerHTML="<input type=''text'' name=''Tag"+i+"'' id=''Tag"+i+"'' value=''Tag"+i+"''><input type=''button'' value=''Delete''  name=''Delete"+i+"'' id=''Delete"+i+"'' onClick=''javascript:DeleteNode("+i+")''>";
        document.form1.total.value=i;
}
function DeleteNode(j)
{
var trnode=document.getElementById("tr"+j);
trnode.parentNode.removeChild(trnode);
}
script>
head>
<body>
<form name="form1" method="post" action="">
    <input name="tag1" type="text" id="tag1" value="Tag1">
    <input name="insert" type="button" id="insert" value="Add a Tag" >
    <input type="hidden" name="total" id="total">
form>
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
table>
body>
html>
代码中红色的部分就是可以在table的元素中添加控件的方法 ~ 注意联系牢牢掌握哦~

因为用了元素的innerHTML的属性,所以可以在后面之间添加控件


文章出处:http://www.diybl.com/course/1_web/javascript/jsjs/20071128/88067.html


通过table的id或者tr的id获取一个td



<table   id="t">   
  <tr   id="r">   
  <td>test1</td>   
  </tr>   
  <tr>   
  <td>test2</td>   
  </tr>   
  </table>   
  <input   value=table      type=button>   
  <input   value=tr      type=button>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表