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

如题  
<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>

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

楼主你先把自己的HTML写好写规范吧，

HTML code

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