为了账号安全,请及时绑定邮箱和手机立即绑定

大神们我想问函数里面的obj参数指的是哪个值??还有那个this为什么要放进去?

<!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(){
        Highlight();
     }  
     function addOne(obj){
        var tbody = document.getElementById('table').lastChild;  
        var tr = document.createElement('tr');  
        
         var td = document.createElement("td");
         td.innerHTML = "<input type='text'/>";
         tr.appendChild(td);
        
         td = document.createElement("td");    
         td.innerHTML = "<input type='text'/>";
         tr.appendChild(td);
        
         td = document.createElement("td");    
         td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";
         tr.appendChild(td);   
        
         tbody.appendChild(tr);   
        Highlight();
        }

     function deleteRow(obj){
        var tbody = document.getElementById('table').lastChild;  
        var tr = obj.parentNode.parentNode;
         tbody.removeChild(tr);
     }
     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()" />   <!--在添加按钮上添加点击事件  -->
 </body>
</html>

正在回答

1 回答

看body里面onclick,执行deleteRow(this);这个语句,这里的this就是那个对应函数的obj,this指向当前所在的对象

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

everymoment3674130 提问者

非常感谢!
2016-10-17 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

大神们我想问函数里面的obj参数指的是哪个值??还有那个this为什么要放进去?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信