js 獲取getElementsTagName()方法返回值的內容

<div id="news-top" class="section">
        <h3>Some title</h3>
        <div class="content">
            <ul>
                <li><span>HTML</span><a href="">Some Link1</a></li>
                <li><span>JS</span><a class="active" href="">Some Link2</a></li>
                <li><span>CSS</span><a href="">Some Link3</a></li>
                <li><span>JS</span><a href="">Some Link4</a></li>
            </ul>
        </div>
        <img src=""/>
        <p class="">Some Text</p>
    </div>
    <div id="news-normal" class="section">
        <h3>Some title</h3>
        <div class="content">
            <ul>
                <li><span>HTML</span><a href="">Some Link1</a></li>
                <li><span>HTML</span><a href="">Some Link2</a></li>
                <li><span>JS</span><a class="active" href="#">Some Link3</a></li>
                <li><span>CSS</span><a href="">Some Link4</a></li>
            </ul>
        </div>
        <img src="">
        <p class="">Some Text</p>
    </div>

這一段代碼中，我想找出所有span中內容為HTML的span標簽，所以使用getElementsTagName()方法，開始使用getElementsTagName（）.value得到的是undefined（如下圖）

 

value是屬性，內容是使用innerHTML(效果圖如下)以及代碼

function findAllHtmlSpanInOneSection(sectionId) {
      
      var Sections=document.getElementsByTagName("span");
      var arr=new Array();
      for(var i=0;i<Sections.length;i++){
          var SectionContent=Sections[i].innerHTML;
          arr.push(SectionContent);
      }
        return arr;
    }

 

所以，獲取getElementsTagName（）方法返回值的數組內的內容應該為.innerHTML;

PS:訪問其返回的數組時記得使用下標Sections[i]訪問。