两个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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)