关于appendElement的理解,~~~

<script>
    var table_01=document.getElementById("table_01");
    var tr=document.createElement('tr');
    var td=document.createElement('td');
    td.innerHTML="<input type='checkbox' >"//第一给td里面加入了checkbox
    tr.appendChild(td);//然后往唯一的tr里面放入了td
    td.innerHTML="<input type='radio' >"//把td里面的内容替换成为radio
    tr.appendChild(td);//再往tr里面放入td
  //关键问题:我认为已经往tr里面分别放入了两次td,在下面输出的时候应该会出现两个td元素,里面分别有checkbox和radio内容才对,为什么现在输出之后就只有一个radio,这问题出现在哪里?  
    console.log(tr);
</script>
</head>

<body>
<table id="table_01">
    
</table>
</body>
阅读 3.7k
2 个回答

来来去去就只有一个 td,拿起来放进去拿起来放进去拿起来放进去,不还是那个 td?

实际例子
新建一个背包,新建一个钱包。
钱包放满一百块,把钱包放进背包。
重新在钱包里放入满满五十块,再把钱包放进背包。

现在背包里不还只有那么一个钱包嘛,不会多出一个来的。

你把.appendChild()看作“剪切”,这事就明白了。
其实jQ里的.append()也是这样的,想复制粘贴?先clone嘛~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题