                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

<!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

源自：JavaScript进阶篇 9-22

关注问题我要回答

1182

操作

收起

3 回答

慕田峪7469173 回答被采纳 +2 积分
2018-05-21

插入节点语句里的双引号

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

收起回答

web_bin 提问者

非常感谢！

2018-05-25 回复有任何疑惑可以回复我~

想要养一只小狗
2018-05-21

      //定义函数，添加一行
 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

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 回复有任何疑惑可以回复我~

收起回答