码迷,mamicode.com
首页 > 编程语言 > 详细

[TimLinux] JavaScript 获取元素节点的5种方法

时间:2018-05-26 17:56:54      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:fine   方法   bsp   classname   javascrip   cto   获取   get   query   

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种方法

标签:fine   方法   bsp   classname   javascrip   cto   获取   get   query   

原文地址:https://www.cnblogs.com/timlinux/p/9093641.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!