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

有关删除的问题appendChild

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);

    }


提问者：咆哮的菜狗 2016-01-15 16:50

个回答

  • 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元素进行属性的设置

    0