this,lastChild,還有href="javascript:;"是怎么回事求大神告知?。?!
function Highlight(){
var tbody = document.getElementById('table').lastChild;
trs = tbody.getElementsByTagName('tr'); ??
for(var i =1;i<trs.length;i++){
trs[i].onmouseover = function(){
this.style.backgroundColor ="#f2f2f2";
}?
trs[i].onmouseout = function(){
this.style.backgroundColor ="#fff";
}?
} ?
}
? </script>?
?</head>?
?<body>?
? <table border="1" width="50%" id="table">
? <tr>
<th>學號</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="addOne()" />
1這里面的this的用法,到底指的是哪個對象告訴一下,
2然后為什么要得到getElementById("table").lastChild。這個對象不是表格中最后一個<tr>標簽嗎??
3herf="javascript:;" 是什么意思謝謝。。
2017-03-07
個人理解:
this是它所在位置的對象,也就是<a>標簽
.lastChild,應該是網頁默認<table>里有一個<tbody>標簽,而<tr>標簽在<tbody>之內,只不過是隱藏了<tbody>,其實你按沒有<tbody>編寫程序也是一樣的,
var tbody = document.getElementById('table').lastChild;
trs = tbody.getElementsByTagName('tr'); ?
這兩句可以寫成一句trs = document.getElementsByTagName('tr');我覺得實現的效果一樣。
href="javascript:;",這個我不懂,我就理解為,要打開的網址實際上是一個javascript函數??
2022-03-26
一樣,剛開始學,一大堆東西把我嚇尿了!!!!!!!!!!!!!!!!!!
2017-03-07
1. this指當前對象 , 下面的 this 表示 trs[i] 對象
2.?document.getElementById('table').lastChild; 實際上是<tbody>標簽 , 你可以右鍵table位置查看
3. href="javascript:;" 是一個偽協議,他會執行JavaScript后面的 js 代碼 , 比如 href="javascipt:alert('aaa');" 他就會出現彈窗顯示 aaa , 后面沒代碼就表示什么都不執行 , 然后執行 onclick 事件 .