Div not getting displayed

Question

我只需要显示那些具有包含tname的span类团队的div。

我有-

<div class="PERSON">
    <span class="name">Person_name</span>
    <span class="title">Person_title</span>
    <span class="team">Person_team</span>
</div>

我有以下代码 -

function dispTeam(tname)
{
   alert(tname);
   var e=document.getElementsByClassName("PERSON");
   for(var m=0;m<e.length;m++)
   {
      if(e[m].document.getElementsByClassName("team")[0].innerHTML.indexOf(tname)==-1)
      {
          e[m].style.display="none";
      }
      else
      {
         e[m].style.display="block";
      }
   }
}

警报正在显示，但div 未显示。请帮忙。

Answer 1

而不是

e[m].document.getElementsByClassName(...

你必须做：

e[m].getElementsByClassName(...

干杯

Answer 2

请浏览下面的链接，它对如何使用类名获取元素有很好的了解。

GetElementByClassName

Answer 3

长度不相关，则应使用：

for(var m=0;m<e.childNodes.length;m++)