用document.getElementsByTagName()返回的真的是数组吗?
document.getElementsByTagName()返回的真的是数组吗?
这是这几天开发中遇到的问题。
一个如下的HTML结构:
<ul>
<li>
<li>
...
<li>
</ul>
用document.getElementsByTagName()
方法获取其中的<li>
节点:
var li = document.getElementsByTagName("li");
var content = li.slice(0,5);
居然出现TypeError
,这说明li
中没有slice()
方法,怎么会这样呢?
于是我查了查li
的原型:
console.log(li.__proto__)
/*
Object {}
constructor:HTMLCollection()
item:item()
length:(...)
get length:()
namedItem:namedItem()
__proto__:Object
*/
果然,li
确实是一个数组,然而并没有继承自Array.prototype
,而是一个HTML对象实例,也就是《JS高程》里所说的NodeList
,所以我们不能直接使用任何数组方法,想要使用数组方法,我们可以借助call()
和apply()
,比如:
var content = Array.prototype.slice.apply(li,[0,5]);
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从二进制到误差:逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· C# 13 中的新增功能实操
· 万字长文详解Text-to-SQL
· Ollama本地部署大模型总结
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(4)
· 卧槽!C 语言宏定义原来可以玩出这些花样?高手必看!