getElementsBy
时间: 2023-10-24 20:32:31 浏览: 50
getElementsBy是JavaScript中常用的获取元素的方法之一。它是用来根据不同的属性获取元素的。
getElementById是通过元素的id属性来获取元素的。在HTML中,id是唯一的,所以通过getElementById只能获取到一个元素。
getElementsByName是通过元素的name属性来获取元素的。name属性可以被多个元素共享,所以getElementsByName可以获取到多个元素,通常用于获取表单控件。
getElementsByTagName是通过元素的标签名称来获取元素的。标签名称在HTML中是可以重复使用的,所以getElementsByTagName可以获取到多个元素。
这三个方法的用法和区别如下:
- getElementById用来获取具有唯一id属性的元素,返回的是一个单个元素。
- getElementsByName用来获取具有相同name属性的元素,返回的是一个元素集合。
- getElementsByTagName用来获取具有相同标签名称的元素,返回的是一个元素集合。
因此,根据所需获取的元素类型和属性的唯一性,选择不同的方法来获取元素。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JavaScript中getElementById,getElementsByTagNam和getElementsByClassName的区别与用法](https://blog.csdn.net/weixin_44541673/article/details/86503816)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [JavaScript中获取元素使用的getElementByID()、getElementsByName()、getElementsByTagName()三者的用法和...](https://blog.csdn.net/weixin_42322406/article/details/99604818)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]