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

function xxx(obj)问题,这()里面的obj啥意思,能详细解释下么

<!DOCTYPE html>

<html>

 <head>

  <title> new document </title>

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

  <script type="text/javascript">

      window.onload = function(){

           var trs = document.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";

                }

          }

        }


     function addTo(){

           var table = 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="#" onclick = "deleteItem(this);return false;" >删除</a>';

           tr.appendChild(td);


           table.appendChild(tr);

          }


      function deleteItem(obj){

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

            var tr = obj.parentNode.parentNode;

            table.removeChild(tr);


      }

  </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="#" onclick = "deleteItem(this);return false;" >删除</a></td>

     </tr>


     <tr>

    <td>xh002</td>

    <td>刘小芳</td>

    <td><a href="javasript:;" onclick = "deleteItem(this);" >删除</a></td>

     </tr>

     </table>

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

 </body>

</html>



正在回答

1 回答

function deleteItem(obj){
            var table = document.getElementById('table').lastChild;
            var tr = obj.parentNode.parentNode;
            table.removeChild(tr);
      }
/*这里的obj是函数deleteItem的参数。调用在这*/
<a href="#" onclick = "deleteItem(this);return false;" >删除</a>
<!--这里的this就是传进去的obj,代表的是 a 本身-->
var tr = obj.parentNode.parentNode; 
/*a 的parentNode是td,td的parentNode正好是tr,所以table.removeChild(tr);就能把tr删掉*/


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

ZYeeC

如果不对的欢迎指正
2016-03-25 回复 有任何疑惑可以回复我~
#2

doits 提问者

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

举报

0/150
提交
取消

function xxx(obj)问题,这()里面的obj啥意思,能详细解释下么

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