[TimLinux] JavaScript 获取元素节点的5种方法
Posted TimLinux
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[TimLinux] JavaScript 获取元素节点的5种方法相关的知识，希望对你有一定的参考价值。
1. getElementById
document.getElementById("id_value") # 返回值为Node对象，没有元素时，返回 == undefined值（两个等号）
2. getElementsByName
document.getElementsByName("name_value") # 返回值为NodeList数组，没有元素时，返回空数组[]
3. getElementsByTagName
document.getElementsByTagName("p") # 返回值为NodeList数组，没有元素时，返回空数组[]
4. getElementsByClassName
document.getElementsByClassName("class1") # 返回值为NodeList数组，没有元素时，返回空数组[]
5. querySelector和querySelectorAll
document.querySelector("#id > p") # 返回第一个匹配的值，返回值为Node节点对象，没有元素时，返回 == undefined值
document.querySelectorAll("#id > p") # 返回所有的值，返回值为NodeList数组，没有元素时，返回空数组[]
以上是关于[TimLinux] JavaScript 获取元素节点的5种方法的主要内容，如果未能解决你的问题，请参考以下文章
[TimLinux] JavaScript 中循环执行和定时执行
[TimLinux] JavaScript BOM浏览器对象模型
[TimLinux] JavaScript 模态框可拖动功能实现——jQuery版