document.getElementsByName()与 getElementById()、getElementsByTagName()的区别和parentNode.removeChild的作用

最新推荐文章于 2021-07-22 16:53:11 发布

huangli_socket

最新推荐文章于 2021-07-22 16:53:11 发布

阅读量834

点赞数

本文详细介绍了如何使用document.getElementsByName、document.getElementById及document.getElementsByTagName等方法来选择HTML元素，并通过实例演示了这些方法的应用场景。

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

[html]view plaincopy 
  

document.getElementsByName() 是根据控件名称获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组。
document.getElementById() 是根据控件ID获取这个控件对象，因为控件ID唯一，返回的是一个对象。
document.getElementsByTagName() 是根据控件TAG获取这个控件对象，返回的是一个对象数组。
例如：
HTML中有控件如下：
<input type="radio" id="radio1" checked="checked" name="radiogroup1" value="1"/>
<input type="radio" id="radio2" name="radiogroup1" value="2"/>
<input type="radio" id="radio3" name="radiogroup1" value="3"/>
则：
document.getElementsByName('radiogroup1') 取得的是这三个控件，可以用 document.getElementsByName('radiogroup1')[0] 取得的是第一个控件。
document.getElementById('radio1')取得的是第一个控件，
document.getElementsByTagName('input') 取得的是这三个控件，
可以用document.getElementsByTagName('input')[0] 取得的是第一个控件。
getElementsByName('delID')返回的是所有名称为'delID'的控件组成的数组，数组就是一种集合。
```
var as =document.getElementById('radio3').getElementsByTagName('input')
```
for(var i = 0; i < as.length; i++) {
if(as[i].href.indexOf("acWebauth.htm") > 0) {
as[i].parentNode.removeChild(as[i]);//删除找到的那个控件
break;
}
}