天天看點

js實作單元格沒有内容的行隐藏document.getElementsByTagName

js實作單元格沒有内容的行隐藏document.getElementsByTagName

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無标題文檔</title>

</head>

<body>

<table >

  <tr>

    <td width="282">标題</td>

    <td width="284">内容</td>

  </tr>

   <tr id="qq">

    <td>文字1</td>

    <td><span id="aa">11</span></td>

 </tr>

  <tr id="qq">

    <td>文字2</td>

    <td><span id="aa">11</span></td>

 </tr>

  <tr id="qq">

    <td>文字3</td>

    <td><span id="aa">&nbsp;</span></td>

 </tr>

  <tr id="qq">

    <td>文字4</td>

    <td><span id="aa">11</span></td>

 </tr>

  <tr id="qq">

    <td>文字5</td>

    <td><span id="aa">11</span></td>

 </tr>

 <script>

var n=document.getElementsByTagName("span");

var nn="";

 for(var i=0;i<n.length;i++){

   nn=n[i].innerText;

   nn=nn.replace(/ /g,"");

   if(nn==""){

   //alert(nn);

   n[i].parentElement.parentElement.style.display="none";

   }

 }

</script>

</table>

</body>

</html>