                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

大家來(lái)找茬

<!DOCTYPE html>

<html>

?<head>

? <title> new document </title> ?

? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> ??

? <script type="text/javascript">?

??

? ? ? window.onload = function(){

? ? ? ? var tr=document.getElementsByTagName("tr");

? ? ? ? for(var i=1;i<tr.length;i++){

? ? ? ? ? ? tr[i].onmouseover=function(){

? ? ? ? ? ? ? ? this.style.backgroundColor="red"

} ? ? ? ? ? ?tr[i].onmouseout=function(){

? ? this.style.backgroundColor="#fff"}

}}

? ? ? ? ? ? ? ? ??

? ? ?// 鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。

? ? ? ? ?

? ? ?

?

? ? ?

? ? ? function add(){

? ? ? ? var tr=document.createElement("tr");

? ? ? ? var td1=document.createElement("td");

? ? ? ? var td2=document.createElement("td");

? ? ? ? var td3=document.createElement("td");

? ? ? ? var a=document.createElement("a");

? ? ? ? var table=document.getElementsByTagName("table")[0];

? ? ? ? td3.innerHTML="<a href="javascript:delete();" >刪除</a>";

? ? ? ? td1.innerHTML=prompt("請(qǐng)輸入學(xué)號(hào)")；

? ? ? ? td2.innerHTML=prompt("請(qǐng)輸入姓名")；

? ? ? ? tr.appendChild(td1);

? ? ? ? tr.appendChild(td2);

? ? ? ? tr.appendChild(td3);

? ? ? ? table.appendChild(tr);

? ? ? }// 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? ? ?

? ?

? ? ?

? ? ?function delete(obj){

? ? ? ? ? ? var table = document.getElementById('table').lastChild;

? ? ? ? ? ? var tr = obj.parentNode.parentNode;

? ? ? ? ? ? table.removeChild(tr);

? ? ? } ? ?// 創(chuàng)建刪除函數(shù)

? ? ?

? </script>?

?</head>?

?<body>?

? <table border="1" width="50%" id="table">

? <tr>

? </tr> ?

? <tr>

? </tr>

? <tr>

? </tr> ?

? </table>

? <input type="button" value="添加一行" onclick="add()" ?/> ?

?</body>

</html>

//還請(qǐng)幫我看看哪里出錯(cuò)了。

qq_守望回音_0

2015-06-17

源自：JavaScript進(jìn)階篇 9-22

關(guān)注問(wèn)題我要回答

873

操作

收起

1 回答

慕村7379080
2015-06-18

<!DOCTYPE html>
<html>
<head>
<title> new document </title> ?
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/> ??
<script type="text/javascript">?

window.onload = function(){
var tr=document.getElementsByTagName("tr");
for(var i=1;i<tr.length;i++){
tr[i].onmouseover=function(){
this.style.backgroundColor="red";}; ? ? ? ? ? ?
tr[i].onmouseout=function(){
this.style.backgroundColor="#fff"}
}}
? ? ?function add(){
? ? ? var tr=document.createElement("tr");
? ? ? var td1=document.createElement("td");
? ? ? var td2=document.createElement("td");
? ? ? var td3=document.createElement("td");
? ? ? var a=document.createElement("a");
? ? ? var table=document.getElementsByTagName("table")[0];
? ? ? td3.innerHTML="<a href='javascript:;' onclick='deleteRow(this)'>刪除</a>";
? ? ? td1.innerHTML=prompt("請(qǐng)輸入學(xué)號(hào)");
? ? ? td2.innerHTML=prompt("請(qǐng)輸入姓名");
? ? ? tr.appendChild(td1);
? ? ? tr.appendChild(td2);
? ? ? tr.appendChild(td3);
? ? ? table.appendChild(tr);
? ? ? }// 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? ? ? // 創(chuàng)建刪除函數(shù)
? ? ? function deleteRow(obj)
? ? ? {
? ? ? var tr = obj.parentNode.parentNode;
? ? ? tr.parentNode.removeChild(tr);
? ? ? }

? </script>?
</head>?
<body>?
<table border="1" width="50%" id="table">
<tr>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
</tr> ?

<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="deleteRow(this)">刪除</a></td> ? 
</tr>

<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:;" onclick="deleteRow(this)">刪除</a></td> ? 
</tr> ?

</table>
<input type="button" value="添加一行" onclick="add()" ?/> ? 
</body>
</html>