问答详情
源自：9-22 编程练习

请大神帮我检查一下代码，为什么不能插入一行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第九章练习</title>
    <script  type="text/javascript">
        window.onload=function()
        {
          highlight();
        }
        //给每行添加鼠标移动事件
 function highlight()
        {
            var tablenode=document.getElementById("table");
            var tbodynode=tablenode.lastChild;
            var trnodearr=tbodynode.getElementsByTagName("tr");
            for( var i=1;i<trnodearr.length;i++)
            {
                 trnodearr[i].onmouseover=function()
                 {
                    this.style.backgroundColor="red";
                 }
                 trnodearr[i].onmouseout=function()
                {
                    this.style.backgroundColor="#fff";
                }
            }
        }
        //定义删除函数
 function delesh(mas)
        {
            var trnode=mas.parentNode.parentNode;
            trnode.parentNode.removeChild(trnode);
        }
        //定义函数，添加一行
 function addOne1()
        {
            var tbody=document.getElementById("table").lastChild;
            var trnew=document.createElement("tr");
     
            var tdnewnode1=document.createElement("td");
            tdnewnode1.innerHTML="<input type='text'/>";
            trnew.appendChild("tdnewnode1");

            var tdnewnode2=document.createElement("td");
            tdnewnode2.innerHTML="<input type='text'/>";
            trnew.appendChild("tdnewnode2");

            var tdnewnode3=document.createElement("td");
            tdnewnode3.innerHTML="<a href='javascript:;' onclick='delesh(this)'>删除</a>";
            trnew.appendChild("tdnewnode3");

            tbody.appendChild("trnew");
            highlight();
        }
    </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="delesh(this)">删除</a></td>
    </tr>

    <tr>
        <td>xh002</td>
        <td>刘小芳</td>
        <td><a href="javascript:;" onclick="delesh(this)">删除</a></td>
    </tr>

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


提问者：web_bin 2018-05-19 11:05

个回答

  • 慕田峪7469173
    2018-05-21 00:46:14
    已采纳

    插入节点语句里的双引号

    0
  • 想要养一只小狗
    2018-05-21 15:57:15

          //定义函数，添加一行
 function addOne1()
        {
            var tbody=document.getElementById("table").lastChild;
            var trnew=document.createElement("tr");
     
            var tdnewnode1=document.createElement("td");
            tdnewnode1.innerHTML="<input type='text'/>";
            trnew.appendChild(tdnewnode1);

            var tdnewnode2=document.createElement("td");
            tdnewnode2.innerHTML="<input type='text'/>";
            trnew.appendChild(tdnewnode2);

            var tdnewnode3=document.createElement("td");
            tdnewnode3.innerHTML="<a href='javascript:;' onclick='delesh(this)'>删除</a>";
            trnew.appendChild(tdnewnode3);

            tbody.appendChild(trnew);
            highlight();
        }


    1
  • 慕田峪7469173
    2018-05-21 00:44:53

    var tbody=document.getElementById("table").lastChild;
            var trnew=document.createElement("tr");
     
            var tdnewnode1=document.createElement("td");
            tdnewnode1.innerHTML="<input type='text'/>";
            trnew.appendChild();

            var tdnewnode2=document.createElement("td");
            tdnewnode2.innerHTML="<input type='text'/>";
            trnew.appendChild();

            var tdnewnode3=document.createElement("td");
            tdnewnode3.innerHTML="<a href='javascript:;' onclick='delesh(this)'>删除</a>";
            trnew.appendChild();

            tbody.appendChild();
            highlight();
        }

    把标注出来的双引号去掉就可以了

    0