亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

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:;" 是什么意思謝謝。。



正在回答

3 回答

個人理解:

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函數??

0 回復 有任何疑惑可以回復我~
#1

瘋小蕾 提問者

應該是網頁默認<table>里有一個<tbody>標簽,javascript里面貌似有好多默認的東西,叫隱式之類的。。謝謝你!!
2017-03-08 回復 有任何疑惑可以回復我~

一樣,剛開始學,一大堆東西把我嚇尿了!!!!!!!!!!!!

0 回復 有任何疑惑可以回復我~

1. this指當前對象 , 下面的 this 表示 trs[i] 對象

trs[i].onmouseover?=?function(){
		????????this.style.backgroundColor?=?'#ccc';
		????}

2.?document.getElementById('table').lastChild; 實際上是<tbody>標簽 , 你可以右鍵table位置查看

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

3. href="javascript:;" 是一個偽協議,他會執行JavaScript后面的 js 代碼 , 比如 href="javascipt:alert('aaa');" 他就會出現彈窗顯示 aaa , 后面沒代碼就表示什么都不執行 , 然后執行 onclick 事件 .

2 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

this,lastChild,還有href="javascript:;"是怎么回事求大神告知?。。?/h1> 我要回答 關注問題

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號