大神們幫忙看一下代碼(有注釋),不知道邏輯和代碼哪里錯了,就是沒有效果!
<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>? ?
? <style>
? table, th,tr, td{border: 1px solid grey;border-collapse: collapse;padding:10px;text-align: center;}
</style>
? <script type="text/javascript">?
??
? ? ? window.onload = function(){
? ? ? ? ? ?var s=document.getElementByTagName("tr");//獲取所有的行
? ? ? ? ? ?for(var i=0;i<s.length;i++){
? ? ? ? ? ? ? ?s.onmouseover()=function (){//為行添加事件
? ? ? ? ? ? ? ?s.style.backgroundColor= "#f2f2f2";
? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?s.onmouseout()=function (){
? ? ? ? ? ? ? ?s.style.backgroundColor= "#fff";
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ?// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
?
}
? ? ?function add(){
? ? ? ? ?var a=document.createElement("tr");
? ? ? ? ?var table=document.getElementsByTagName("table");
? ? ? ? ?tabele.appendChild(a);//為表格添加一行
? ? ? ? ?for(var i=0;i<3;i++){
? ? ? ? ? ? ?var d=new array();
? ? ? ? ? ? ?d[i]=document.createElement("td")
? ? ? ? ? ? ?a.appendChild(d[i]);//循環(huán)添加3列
? ? ? ? ? ? ?var e=table.childNodes[1].lastChild.innerHTML;
? ? ? ? ? ? ?a.lastChild.innerHTML=e;//把表第二行的第三列的內(nèi)容賦給新的第三列
? ? ? ? ?}
? ? ?}
? ? ? // 編寫一個函數(shù),供添加按鈕調(diào)用,動態(tài)在表格的最后一行添加子節(jié)點;
? ? ?function remove(){
? ? ? ? ?var a=document.getElementsByTagName("a");//獲取a標(biāo)簽
? ? ? ? ?for(var i=0;i<a.length;i++){
? ? ? ? ?a[i].onclick=function()//為所有a標(biāo)簽添加事件
? ? ? ? ?a[i].parentNode.parentNode.removeChild(a[i].parentNode.parentNode.childNodes);
? ? ? ? ?}// a[i].parentNode.parentNode得到tr標(biāo)簽
? ? ?}
? ? ?// 創(chuàng)建刪除函數(shù)
? </script>?
?</head>?
?<body>?
? ?<table border="1" width="50%" id="table">
? ?<tr>
<th>學(xué)號</th>
<th>姓名</th>
<th>操作</th>
? ?</tr>??
? ?<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:remove();" >刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->
? ?</tr>
? ?<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:remove();" >刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->
? ?</tr>??
? ?</table>
? ?<input type="button" value="添加一行" onclick="add()" />? ?<!--在添加按鈕上添加點擊事件? -->
?</body>
</html>
2019-02-10
大神們我的代碼在瀏覽器還是出不出效果。之前額效果大概是慕課編輯器反應(yīng)延遲了,把別人代碼的效果加在了我的代碼身上,我。。。。。大家?guī)蛶臀疫@可憐的孩子吧拜托拜托
2019-02-10
同志們,是編輯器的問題??梢猿鲂Ч恕5前?,只有新加的行變色和刪除功能正常,但是之前有的行就一點沒有變化,這是怎么回事啊?。。。。。∵€是請大家?guī)兔纯矗。。。?/p>