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

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

来源：9-22 编程练习

web_bin

2018-05-19 11:05

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

写回答关注

3回答

慕田峪7469173

2018-05-21 00:46:14

已采纳

插入节点语句里的双引号

1 0

web_bi...

非常感谢！

2018-05-25 21:28:24

共 1 条回复 >

想要养一只小狗: 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();
        }

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

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468636 学习 · 21895 问题

查看课程

相似问题

求大神帮我看看代码？为什么用switch不行

回答 4

大神帮帮忙，我这个代码为啥不行

回答 1

请大神帮我检查一下代码哪里错了，我已经根据答案写了，为什么还是错啊？？？

回答 1

大神帮我看一下

回答 1

大神帮我Debug一下~

回答 2

打开慕课网App查看更多内容