JS如何查找出单元格内的表单元素，并用元素值替换表单元素

Question

如题 
<td id='c1'>
   <div>
        <span>title</span> 
        <span name='inputs'><input type="text" val="abcdefg" /></span>
   </div>
   <div>
        <span>detail</span> 
        <span name='textareas'><textarea> good job </textarea></span>
   </div>
</td>如何通过JS 把单元格C1的内容变为
<td id='c1'>
   <div>
        <span>title</span> 
        <span name='inputs'>abcdefg</span>
   </div>
   <div>
        <span>detail</span> 
        <span name='textareas'>good job</span>
   </div>
</td>

Answer 1

给<span>一个id啊。直接控制<span>

Answer 2

楼主你先把自己的HTML写好写规范吧，<table>
<tr>
<td   id= 'c1'> 
      <div> 
                <span> title </span>   
                <span   name= 'inputs '> <input   type= "text"   value= "abcdefg "   /> </span> 
      </div> 
      <div> 
                <span> detail </span>   
                <span   name= 'textareas '> <textarea>   good   job   </textarea> </span> 
      </div> 
</td> 
</tr>
</table>
<script>
document.getElementById("c1").innerHTML = "      <div>                 <span> title </span>                   <span   name= 'inputs '> abcdefg </span>       </div>       <div>                 <span> detail </span>                   <span   name= 'textareas '> good   job </span>       </div> "
</script>

Answer 3

cell 为 HtmlTableCell对象，使用以下语句浏览器报错了，这是为什么？
cell.getElementsByTagName("input")