<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>
来来去去就只有一个 td,拿起来放进去拿起来放进去拿起来放进去,不还是那个 td?
实际例子
新建一个背包,新建一个钱包。
钱包放满一百块,把钱包放进背包。
重新在钱包里放入满满五十块,再把钱包放进背包。
现在背包里不还只有那么一个钱包嘛,不会多出一个来的。