JavaScript向表格中添加按钮和文本输入框

例子:

<?php
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
input
{
width:200px;
height:50px;
color:#eaeaea;
border-color:red;
}
</style>
<script>
function modifyTableContent()
{
var obj = document.getElementById("tab1");
obj.rows[1].cells[1].innerHTML = "<button>按键</button>";
obj.rows[1].cells[0].innerHTML = '<input type="text" value="coding for fun!"/>';
}
</script>
</head> <body>
<table id="tab1" width="445" border="1">
<tr>
<th width="200" scope="col">编号</th>
<th width="200" scope="col">姓名</th>
<th width="200" scope="col">登录名</th>
<th width="200" scope="col">身份</th>
<th width="200" scope="col">创建时间</th>
<th width="200" scope="col">登录时间</th>
</tr>
<tr>
<th width="200" scope="col">23</th>
<th width="200" scope="col">Jack</th>
<th width="200" scope="col">xman</th>
<th width="200" scope="col">马甲</th>
<th width="200" scope="col">09-11</th>
<th width="200" scope="col">09-13</th>
</tr>
</table>
<button style="width: 60px; height:30px" onclick="modifyTableContent()"></button>
</body>
</html>
上一篇:ios -- NSdata 与 NSString,Byte数组,UIImage 的相互转换(转)


下一篇:解决安装laravel/homestead vagrant环境报"A VirtualBox machine with the name 'homestead' already exists."的错误