html空文本节点问题，急求帮助！谢谢了


如图，在页面上隐藏掉按钮之后会留下很多空文本节点，怎么去掉啊

解决方案 »

  1.   

    <div style="display:none;">
       <input type="text" />
    </div>试下这样呢
      

  2.   

    这个空格可能是无为的换行造成的，比如下面的代码，
    上面，与下面的区别：<input type="submit" value="test">
    <input type="submit" value="test">
    <input type="submit" value="test"><input type="submit" value="test"><input type="submit" value="test"><input type="submit" value="test">
      

  3.   

    楼上正解，空白就是个没有ID的TextNode
      

  4.   

    不是有css样式可以操作吗？用css来控制啊 margin-left:-3px;
      

  5.   

    试试var clearSpace =function (tag) {
    if(typeof tag =="string"){
    tag = document.getElementById(tag);
    } if(!tag.nodeType) return; var sons= tag.getElementsByTagName("*");
    var ll= [],i=sons.length;
    while(i--){
    ll.push(sons[i]);
    }

    i= ll.length;
    while(i--){
    var ele= ll[i];
    if(ele.nodeType==3 && ele.nodeValue.trim()==""){
    ele.parentNode.removeChild(ele);
    }
    }
    }
      

  6.   

    可以对页面进行压缩，去除换行符和空格么？
    <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
      <script type="text/javascript">
      function init()
      {
      var reg = /\n/g;
      document.body.innerHTML = document.body.innerHTML.replace(reg,"");
      var reg = /\r/g;
      document.body.innerHTML = document.body.innerHTML.replace(reg,"");
      }
      </script>
     </head><body onload="init();">
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    </body>
    </html>
      

  7.   

    $("#BrowesBtn").css("margin-left","-20px");
    用你的方法解决了，谢谢啊
      

  8.   

    nodeObject.normalize()说明这个方法将遍历当前节点的所有子孙节点，通过删除空的 Text 节点，已经合并所有相邻的 Text 节点来规范化文档。该方法在进行节点的插入或删除操作后，对于简化文档树的结构很有用。
      

  9.   

    最最最简单的方法，就是别换行，在一行输出，要求有距离的话，用CSS控制左右距离。
      

  10.   

    css控制样式很重要。最好整个页面都用css控制好，要不很容易莫名其妙了！
      

  11.   

    (function($){ 
        $(function(){ 
            //解决ie9下表格中空文本节点造成表格飘移的问题 
            //listTableDiv是出现飘移现象的表格的父节点 
            document.getElementById("listTableDiv").innerHTML = document.getElementById("listTableDiv").innerHTML 
                .replace(/td>\s+<td/g,'td><td'); 
        }); 
    })(jQuery);
      

  12.   

    感觉margin-left那种方法确实能解决，但是不是问题的根本原因，倒是楼上有几个的意见觉得不错，可以参考，避免以后再次有这种情况出现~