Javascript 通过类名访问Div内部的Span

我需要使用

document.getElementsByClassName（）

访问div中的span

我有-

<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").innerHTML.indexOf(tname)==-1)
      {
         e[m].style.display="none";
      }
      else
      {
         e[m].style.display="block";
      }
   }
}

function dispTeam（tname）
{
警报（tname）；
var e=document.getElementsByClassName（“个人”）；
对于（var m=0；m使用以下代码：

dispTeam=function(tname)
{
    var divs=document.getElementsByTagName("div");
    for(var i=0; i<divs.length; i++)
        divs[i].style.display='none';
    var span=document.querySelectorAll(".PERSON>.team");
    for(var i=0; i<span.length; i++)
    {
        if(span[i].innerHTML.indexOf(tname)!=-1)
            span[i].parentNode.style.display='block';
    }
}

dispTeam=函数（tname）
{
var divs=document.getElementsByTagName（“div”）；
对于（var i=0；i