鼠標(biāo)移動(dòng)改變背景對(duì)新增加的行不起作用要怎么改呢
? <script type="text/javascript">?
??
? ? ? window.onload = function(){
? ? ? ? ?var tr=document.getElementsByTagName('tr');//獲取TR數(shù)組 ?
? ? ? ? ?for (var i=0;i<tr.length;i++)
? ? ? ? ?{
? ? ? ? ? ? ?change(tr[i]);
? ? ? ? ?}
? ? ?// 鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。
? ? ? ? ?function change(obj)
? ? ? ? ?{
? ? ? ? ? ? ?obj.onmouseover=function(){
? ? ? ? ? ? ? ? obj.style.background='#ccc';
? ? ? ? ? ? ?}
? ? ? ? ? ? ?obj.onmouseout=function(){
? ? ? ? ? ? ? ? ?obj.style.background='#fff'
? ? ? ? ? ? ?}
? ? ? ? ?}
? ? ?
?
}
? ? ?
? ? ? // 編寫一個(gè)函數(shù),供添加按鈕調(diào)用,動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn);
? ? ? var nob=2;
? ? ?function add()
? ? ?{
? ? ? ? ?nob++;
? ? ? ? ?if(nob<10)
? ? ? ? ?{nob='0'+nob;}
? ? ? ? ?var tab=document.getElementById('table');
? ? ? ? ?var addtr=document.createElement('tr');
? ? ? ? ?tab.appendChild(addtr);
? ? ? ? ?var addth1=document.createElement('td');
? ? ? ? ?addtr.appendChild(addth1);
? ? ? ? ?var addth2=document.createElement('td');
? ? ? ? ?addtr.appendChild(addth2);
? ? ? ? ?var addth3=document.createElement('td');
? ? ? ? ?addth3.innerHTML="<a href='javascript:;' ?onclick='deletetr(this)' >刪除</a>";
? ? ? ? ?addtr.appendChild(addth3);
? ? ? ? ??
? ? ? ? ?
? ? ? ? ?addth1.innerHTML='xh0'+nob;
? ? ? ? ?var name=prompt("請(qǐng)輸入座號(hào)為"+nob+'同學(xué)的座號(hào)',"")
? ? ? ? ? ? if (name!=null && name!="")
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? addth2.innerHTML=name;
? ? ? ? ? ? ? ? }
? ? ? ??
? ? ?}
? ?
? ? ?
? ? ?// 創(chuàng)建刪除函數(shù)
? ? ?function deletetr(i)
? ? ?{
? ? ? ? ?var tr=i.parentNode.parentNode;
? ? ? ? ?tr.parentNode.removeChild(tr);
? ? ?}
? </script>?
2016-09-12
在add()函數(shù)的最后加上一句 window.onload(); 也可以
2016-09-12
新添加的行沒(méi)調(diào)用change()函數(shù),在add()函數(shù)末尾加上:change(addtr);即可。
2016-09-12
因?yàn)樾略黾拥男羞€沒(méi)調(diào)用change()函數(shù),你在add()函數(shù)里的最后一行addtr.appendChild(addth3);的后面添加
var tr=document.getElementsByTagName('tr');//獲取TR數(shù)組 ?
? ? ? ? ?for (var i=0;i<tr.length;i++)
? ? ? ? ?{
? ? ? ? ? ? ?change(tr[i]);
? ? ? ? ?}
就行了
2016-09-12
對(duì)新加的對(duì)象重新綁定事件