求除去td里的文本,不除去非文本的方法?

var copy=copyTr(checkboxs[i]); //返回行的第一个td 节点 里面有一个checkbox 和  文本 11 
//在这里我alert copy的innerHTML 是  <input  type="checkbox" .......> 11 
alert  innerText 为 11  
(copy.innerText="") || ( copy.textContent="");  //ie和firefox中出去文本 就是说: 
但是我要去除11这个文本保留 checkbox  但是允许结果都出去了为什么? 

解决方案 »

  1.   

    试试这个函数function ClearText(dom) {
            for (var i = 0; i < dom.childNodes.length; i++) {
                var node = dom.childNodes[i];
                if (node.nodeType == 3) { //文本节点
                    dom.removeChild(node);
                    i--;
                }
            }
    }
      

  2.   

    用document.getElementsByTagName("input")
      

  3.   

    给你一个例子，你看看：  window.onload = function() {
                var p = document.getElementById("p1");
                for (var i = 0; i < p.childNodes.length; i++) {
                    if (p.childNodes[i].nodeName == "#text") {
                        p.removeChild(p.childNodes[i]);
                    }
                }
            }
      <p id="p1"> <span>Hello </span>, how are you? </p> 
      

  4.   


    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <META http-equiv="Content-Style-Type" content="text/css">
    <script language="javascript">
    window.onload=function(){
    var div=document.getElementById("a");
    var ele=div.getElementsByTagName("input")
    alert("元素一是"+ele[0].type);
    alert("元素二是"+ele[1].type);
    }
    </script>
    </head>
    <body>
    <div id=a><input type=text value=111 /><input type=checkbox /></div>
    </body>
    </html>
      

  5.   

    去除<html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <META http-equiv="Content-Style-Type" content="text/css">
    <script language="javascript">
    window.onload=function(){
    var div=document.getElementById("a");
    var ele=div.getElementsByTagName("input")
    for(var i=0;i<ele.length;i++){
    if(ele[i].type=="text"){
    ele[i].parentNode.removeChild(ele[i]);
    }
    }
    }
    </script>
    </head>
    <body>
    <div id=a><input type=text value=111 /><input type=checkbox /></div>
    </body>
    </html>
      

  6.   

    借用下楼上的HTML<html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <META http-equiv="Content-Style-Type" content="text/css">
            <script language="javascript">
            window.onload=function(){
                var div=document.getElementById("a");
    var oclone = document.createElement('div');
    oclone.innerHTML = div.innerText || div.textContent;
    div.innerHTML = oclone.innerHTML;
            }
            
            </script>
        </head>
        <body>
            <div id=a><input type=text value=111 />111<input type=checkbox /></div>
        </body>
    </html>
      

  7.   


    <html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <META http-equiv="Content-Style-Type" content="text/css">
            <script language="javascript">
            window.onload=function(){
                var div=document.getElementById("a");
    div.innerHTML = div.innerText || div.textContent;
            }
            
            </script>
        </head>
        <body>
            <div id=a><input type=text value=111 />111<input type=checkbox /></div>
        </body>
    </html>