<input id="bbb" readonly="readonly" type="text" />
...
<input id="Button1" type="button" onclick="clearRead()" value="button" />
<script type="text/javascript">
function clearRead()
{
document.getElementById("aaa").readOnly = false
document.getElementById("bbb").readOnly = false
...
}
</script>
因为对象在赋值时,其实是引用,并不是拷贝一份。
可以用以下代码:
Object.prototype.clone=function(){var newObj = new Object()
for(elements in this){
newObj[elements] = this[elements]
}
return newObj
}
var name = {a:'value1',b:'value2'}
var name2 = name.clone()
name2.a="aaa"
delete name2.a
JS动态操作表格2008年10月22日 星期三 下午 04:27
删除:<input type="button" name="del" value="删除" onclick="del(this)">
1、function del(o)
{
var t=document.getElementById('testTbl')
t.deleteRow(o.parentNode.parentNode.rowIndex)
}
2、 var table=document.getElementById("tableName")
var len=table.rows.length
if(len>1){
for(i=1i<leni++){
table.deleteRow(1)
}
}
添加:
1、function addRow(){
//添加行
var newTr = testTbl.insertRow()
//添加列
var newTd0 = newTr.insertCell()
var newTd1 = newTr.insertCell()
var newTd2 = newTr.insertCell()
var newTd3 = newTr.insertCell()
//设置列内容和属性
newTd0.innerText = document.all("a").options[document.all("a").selectedIndex].text
newTd1.innerText = document.all("b").value
newTd2.innerText = document.all("c").value
newTd3.innerHTML= '<input type="button" name="del" value="删除" onclick="del(this)">'
}
注意写法。
2、//先获取该表格的引用:
var Container = document.getElementById(TableId)
//然后创建行(TR对象)
var NewTr = document.createElement("tr")
//填充该表格行
var NewTd1 = document.createElement("td")
var NewTd2 = document.createElement("td")
......
NewTr.appendChild(NewTd1)
NewTr.appendChild(NewTd2)
添加到最后一个TR上:var LastTr = Container.rows[Container.rows.length - 1]
LastTr.parentNode.appendChild(NewTr)
通常来讲,从表格中删除某一行一般是通过表格的deleteRow()方法和行的rowIndex属性来删除