查找DOM元素和对象
- 通过id找到HTML元素
- 通过标签名找到HTML元素
- 通过类名找到HTML元素
方法:
getElementById() :返回带有指定ID的元素
getElementsByTagName() :可返回带有指定名称的对象的集合。
getElementsByName() :返回带有指定类名的所有元素的节点列表
getElementById():
例:获取div元素节点的值;
HTML代码:
可见,div元素节点的子节点是一个文本节点,文本为hello!
<div>hello!</div>
JavaScript代码:
var str=document.getElementById('div').innerHTML; //获取div元素的文本节点
document.write(str);
结果为:hello!
扫描二维码关注公众号,回复:
9648347 查看本文章
getElementsByTagName()
例:返回带有指定名称的对象的集合。
HTML代码:
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
JavaScript代码:
function tagname(){
var x = document.getElementsByTagName('input');
document.write(x.length);
}
结果为:5
getElementByName:
语法:document.getElementsByName(name)
例:返回带有指定名称的对象的集合。
HTML代码:
<input type="text" name="myinput">
<input type="text" name="myinput">
<input type="text" name="myinput">
<input type="text" name="myinput">
<input type="text" name="myinput">
JavaScript代码:
function elements(){
var x=document.getElementsByName("myinput");
document.write(x.length);
}