有关删除的问题appendChild

来源:9-22 编程练习

咆哮的菜狗

2016-01-15 16:50

function addfunc(){

        var con = document.getElementById('table').getElementsByTagName('tbody')[0];

        var tr = document.createElement('tr');

        var td = document.createElement('td');

        var td2 = document.createElement('td');

        var td3 = document.createElement('td');

        var a = document.createElement('a');

        var tddel = td3.appendChild(a);

这一步中appendChild的意思是添加属性为a的子节点给tddel吧?a是什么属性啊,后边并没有定义,反而定义的是tddel的属性,如果我注释掉这一句,下边的tddel直接该成a,那么新添加的行就不对了。求大神解惑!

        tddel.innerHTML = "删除"

        tddel.href="javascript: ;"

        tddel.setAttribute("onclick","removefunc(this)")

        con.appendChild(tr);

        tr.appendChild(td); 

        tr.appendChild(td2); 

        tr.appendChild(td3);

    }


写回答 关注

1回答

  • jingxia
    2016-01-15 18:44:15

    <!DOCTYPE html>

    <html>

    <body>


    <div id="myDiv"><h1>sss</h1><h2>ccc</h2></div>


    <button onclick="myFunction()">亲自试一试</button>


    <script>

    function myFunction()

    {

    var node=document.createElement("h3");

    var textnode=document.createTextNode("Water");


    node.appendChild(textnode);

    var b = document.getElementById("myDiv").appendChild(node);

    alert(b.nodeName);

    }

    </script>



    </body>

    </html>

    你可以运行看看,主要是appendChild返回的结果是添加的元素本身,所以后面的tddel其实就是对a元素进行属性的设置

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题