javascript中如何在函数中向表格中的某个单元格添加HTML控件、或是设置单元格的属性?
需要向实现这个功能的函数传递哪些参数,这些参数都代表什么意思?另外,怎样设置单元格的属性?比如说,表格的id是“table1”,现在需要向第2行第3列添加一个textbo...
需要向实现这个功能的函数传递哪些参数,这些参数都代表什么意思?
另外,怎样设置单元格的属性?
比如说,表格的id是“table1”,现在需要向第2行第3列添加一个textbox的HTML控件,并且设置这个单元格的颜色为灰色,如何实现?请尽量写出详细的代码。谢谢!! 展开
另外,怎样设置单元格的属性?
比如说,表格的id是“table1”,现在需要向第2行第3列添加一个textbox的HTML控件,并且设置这个单元格的颜色为灰色,如何实现?请尽量写出详细的代码。谢谢!! 展开
2个回答
展开全部
第一个参数用来传表格id,第二个参数传行,第三个传列,如<a onclick="addTextbox('table1',2,3)">
下面的代码可能浏览器兼容性不好,你可以参考一下
<script>
function addTextbox(tableId,row,col)
{
var tab;
var td;
try
{
tab=document.getElementById(tableId);
td=tab.getElementsByTagName("tr").item(row-1).getElementsByTagName("td").item(col-1); //获取单元格
}
catch(e)
{
alert("找不到单元格");
}
var inputbox=document.createElement("input"); //控件
inputbox.setAttribute("type","text");
td.appendChild(inputbox); //添加控件
td.setAttribute("style","background-color:gray;"); //设置背景色
}
</script>
下面的代码可能浏览器兼容性不好,你可以参考一下
<script>
function addTextbox(tableId,row,col)
{
var tab;
var td;
try
{
tab=document.getElementById(tableId);
td=tab.getElementsByTagName("tr").item(row-1).getElementsByTagName("td").item(col-1); //获取单元格
}
catch(e)
{
alert("找不到单元格");
}
var inputbox=document.createElement("input"); //控件
inputbox.setAttribute("type","text");
td.appendChild(inputbox); //添加控件
td.setAttribute("style","background-color:gray;"); //设置背景色
}
</script>
展开全部
if(document.getElementById("table1").rows.length>1){
var txtage=document.createElement("input");
txtage.type="text";
document.getElementById("table1").rows[1].cells[2].appendChild(txtage);
}
自己写的,没实际运行 你可以参照这个
var txtage=document.createElement("input");
txtage.type="text";
document.getElementById("table1").rows[1].cells[2].appendChild(txtage);
}
自己写的,没实际运行 你可以参照这个
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询