js中怎样设置动态tr的属性?

js中怎样设置动态tr的属性?,第1张

两个insert方法返回的就是被插入的对象,直接 *** 作这两个对象就行了。

var tr = table.insertRow()var td = tr.insertCell()tr.setAttribute('align','center') '不用setAttribute而直接使用属性也可以.tr.setAttribute('bgcolor','#FF0000')

td.width=100  直接对属性赋值的作法。

要在tr元素的父元素中才能增加行,不能在tr本身去增加行。而tbody就是tr的父元素。如果是增加td,就要用tr,因为tr是td的父元素。

<script>// Last updated 2006-02-21 function addRowToTable() { var tbl = document.getElementById('tblSample')var lastRow = tbl.rows.length。

// if there's no header row in the table, then iteration = lastRow + 1

var iteration = lastRow。

var row = tbl.insertRow(lastRow)// left cell var cellLeft = row.insertCell(0)var textNode = document.createTextNode(iteration)cellLeft.appendChild(textNode)

// right cell var cellRight = row.insertCell。

var el = document.createElement('input')el.type = 'text'el.name = 'txtRow' + iterationel.id = 'txtRow' + iterationel.size = 40。

el.onkeypress = keyPressTestcellRight.appendChild(el)。

带-的要把-去掉,第二个单词首字母大写。如background-color===>backgroundColor要隐藏的话你再定个高度。

具体解决方法如下:

一、问题描述:

在js中我们有时想动态的控制一个div显示或隐藏或更多的 *** 作,但如果我们style.display=""可能导致没有效果。

看下面一段代码

复制代码代码如下:<style>

#name

{

display:none

}

</style>

</head>

<body>

<divid="name">

Mynameissmile.

</div>

</body>

</html>

<script>

window.onload=function(){

document.getElementById('name').style.display=""

alert("test")

}

</script>

css定义了id为name的div为隐藏,而我们在页面加载完成之后用js控制该id显示出来,这样写有错么?

木有错?可是为什么界面上还是空白呢?

二、解决方法:

记得还有一个用法是xxx.style.display="block"那我们试试吧,

呜呼,竟然显示了!!!

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

<TABLE id="aaa">

<TR>

<TD>s1</TD>

<TD>s2</TD>

</TR>

<TR>

<TD>s3</TD>

<TD>s4</TD>

</TR>

</TABLE>

一个表格如上,如何用javascript把内容为s3的td的ID设置为ss3

????

解析:

参考一下这段,把代码直接贴到文件即可使用

<style>body,td,div,a,input{font:menuline-height:150%}</style>

<table cellspacing=1 cellpadding=1 border=0 width=100% id=t136><tbody><form method=post enctype="multipart/form-data"><input type=hidden name=deal value=true><input type=hidden name=frmID value=22><input type=hidden name=thisdir value=><input type=hidden name=TID value=><tr class="page_speeder_1153071515" bgcolor=ACD0FD><td colspan=2>呵呵</td></tr><tr bgcolor=EFEFD6><td colspan=2><font color=000080>哈哈</font></td></tr><input type=hidden name=frmShowURL value=payment><input type=hidden name=ID value=><tr bgcolor=F0F0F0><td>xixi</td><td>xixi </td></tr><tr bgcolor=F9F9F9><td>hehe</td><td><input type=text class=border_index name=newdir style='ime-mode:disabled'><font color=000080>hehe</font></td></tr><tr bgcolor=F0F0F0><td>新图片上传</td><td><div>

<input type=button onclick=addNew() value=增加 class=button_index><font color=000080>(按一次增加按钮就可以上传一张图片。)</font></div></td></tr><tbody></table></form><script>

var i=0,arr=new Array('F9F9F9','F0F0F0')

function addNew(){

tr=document.all.t136.insertRow()

tr.style.backgroundColor=arr[i%2]

tr.insertCell().innerText="图片"+(++i)

tr.insertCell().innerHTML='<input type=file name=pic'+i+' class=border_index><a href=javascript:void(0) onclick=del()>删除</a>'

}

function del(){

document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex)

for(i=0i<document.all.t136.rows.length-5i++){

document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1)

document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1)

document.all.t136.rows[i+5].style.backgroundColor=arr[i%2]

}

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7769583.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存