js 获取getElementsTagName()方法返回值的内容

时间:2022-05-24 22:24:44
<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(如下图)js 获取getElementsTagName()方法返回值的内容

value是属性,内容是使用innerHTML(效果图如下)以及代码

js 获取getElementsTagName()方法返回值的内容

 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]访问。