怎么用js隐藏body里没有标签的文字?

<BODY>
  把我隐藏,但是其他有控件的东西不能隐藏,比如下边的按钮和表格
  <input type = button>
  <table border = 1 value="不隐藏">
  <tr><td>不隐藏</td></tr>
 </BODY>
 怎么用js隐藏body里没有标签的文字?

解决方案 »

  1.   

    参考如下代码：
    <BODY>
      把我隐藏,但是其他有控件的东西不能隐藏,比如下边的按钮和表格
      <input type = button>
      <table border = 1 value="不隐藏">
      <tr><td>不隐藏</td></tr>
    </BODY> 
    <script type="text/javascript">
    function hideText(element) {
    if (element.nodeType == 3) {
    element.nodeValue = "";
    } else if (element.childNodes && !/^(script|style)$/i.test(element.tagName)) {
    for (var i = 0; i < element.childNodes.length; i++) {
    hideText(element.childNodes[i]);
    }
    }
    }
    hideText(document.body);
    </script>
      

  2.   


    还有一点```<td>里的东西也被隐藏了<td>不隐藏</td>这里的东西是不能隐藏的``只有没有被控件或者表格包住的才可以隐藏掉```
      

  3.   

    <BODY>
      把我隐藏,但是其他有控件的东西不能隐藏,比如下边的按钮和表格
      <input type = button>
      <table border = 1 value="不隐藏">
      <tr><td>不隐藏</td></tr>
    </BODY> 
    <script type="text/javascript">
    function hideText(element) {
    for (var i = 0; i < element.childNodes.length; i++) {
    if (element.childNodes[i].nodeType == 3) element.childNodes[i].nodeValue = "";
    }
    }
    hideText(document.body);
    </script>