《JavaScript》（DOM BOM操作）getElementsByTagNam获取标签类

glglgl1

已于 2022-03-21 20:08:46 修改

阅读量699

点赞数

文章标签： javascript 开发语言

于 2022-03-21 20:03:08 首次发布

本文链接：https://blog.youkuaiyun.com/glglgl1/article/details/123644170

版权

这篇博客介绍了如何使用JavaScript的getElementsByTagName方法获取页面中指定标签的元素集合，重点是li元素。即使只有一项或没有匹配元素，返回结果仍然是伪数组形式。示例代码展示了如何打印这些元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		<ul>
		<li>嗯嗯嗯1</li>
		<li>嗯嗯嗯2</li>
		<li>嗯嗯嗯3</li>
		</ul>
		<ol id = "ol">
			
			<li>嗯嗯嗯</li>
			<li>嗯嗯嗯17</li>
		</ol>
	<script>
	var lis = document.getElementsByTagName('li');
	console.log(lis);
	console.log(lis[0]);
	for(var i = 0; i < lis.length; i++)
	{
		console.log(lis[i]);
	}
	var ol = document.getElementsById('ol');
	console.log(ol.getElementsByTagName('li'));
	</script>

var lis = document.getElementsByTagName('li');
   console.log(lis);
   console.log(lis[0]);
   for(var i = 0; i < lis.length; i++)
   {
       console.log(lis[i]);
   }

这一段返回的是获取过来的元素对象的集合，以伪数组的形式存储的