insertRow()方法新增的行,如何为它的属性赋值

zean 2004-09-25 01:11:02
新增一行
var tr=tblList.insertRow();
现想让该行具有和以下行一样的属性
<tr style="cursor:hand" onclick="select(this)" align="center">
我想用如下语句实现:
tr.style="cursor:hand"
tr.onclick="select(this)"
tr.align="center"
注意,select(this)是个有参数的方法
实践证明这个方法无效,谁有方法能够实现??
多谢
...全文
482 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
zean 2004-09-26
  • 打赏
  • 举报
回复
非常感谢大家,我的问题解决了!
lingli99 2004-09-25
  • 打赏
  • 举报
回复
setAtrigute(childNodesname,vValue)即可达到
micker 2004-09-25
  • 打赏
  • 举报
回复
别的属性好像倒是能的,以前整过,但是不知道在insertRow()以后,能不能设置class(css),以前试过,一直没有找到方法啊!
mjpclab 2004-09-25
  • 打赏
  • 举报
回复
<script language=javascript>
function select()
{
alert('selected!');
}

function add()
{
var tr=document.getElementById('t1').insertRow();
tr.style.cursor="hand";
tr.onclick=function() {select(this)}
tr.insertCell().appendChild(document.createTextNode('xxx'))
}
</script>

<table border=1 id="t1">
<tr style="cursor:hand" onclick="select(this)"><td>111</td></tr>
</table>

<input type=button value="新增" onclick="add()">



至于align,只能放在cell中
cxz7531 2004-09-25
  • 打赏
  • 举报
回复
再完善一点,如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
function select(v){
alert(v.cells.length);
}
function f(){
var newline=document.all.myt.insertRow(document.all.myt.rows.length);
newline.onclick=function () {select(this);}
newline.style.cursor='hand';
newline.align='center';
cell0=newline.insertCell(0); cell0.innerHTML="aa";
cell0=newline.insertCell(1); cell0.innerHTML="bb";
cell0=newline.insertCell(2); cell0.innerHTML="bb";
}
</script>
</head>

<body>
<table width="200" border="1" id="myt">
<tr onClick="g()">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<input type="button" name="Submit" value="按钮" onClick="f()">
</body>
</html>

cxz7531 2004-09-25
  • 打赏
  • 举报
回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
function g(v){
alert(v.cells.length);
}
function f(){
var newline=document.all.myt.insertRow(document.all.myt.rows.length);
newline.onclick=function () {g(this);}
cell0=newline.insertCell(0); cell0.innerHTML="aa";
cell0=newline.insertCell(1); cell0.innerHTML="bb";
cell0=newline.insertCell(2); cell0.innerHTML="bb";
}
</script>
</head>

<body>
<table width="200" border="1" id="myt">
<tr onClick="g()">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<input type="button" name="Submit" value="按钮" onClick="f()">
</body>
</html>
ice_berg16 2004-09-25
  • 打赏
  • 举报
回复
tr.onclick=function() {select(this)}没问题

zean 2004-09-25
  • 打赏
  • 举报
回复
你们的方法都不好用,你们试验了吗?
要不你们帮我贴个完整的测试过的HTML代码,
我复制下来在我这里试验一下
麻烦各位了
zltostem 2004-09-25
  • 打赏
  • 举报
回复
var tr=tblList.insertRow(tblList.rows.length);
tr.setAttribute('style', 'cursor:hand');
tr.setAttribute('align', 'center');

...
guoweidong 2004-09-25
  • 打赏
  • 举报
回复
tr.onclick=select(this)
调用的select 函数吧.
mjpclab 2004-09-25
  • 打赏
  • 举报
回复
tr.onclick=function() {select(this)}

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧