getElementById,getElementsByClassName,getElementsByTagName,的区别
2017-12-21 14:10
561 查看
1.getElementById-------返回对拥有指定 id 的第一个对象的引用。
语法:
return x;
}
[/code]上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数,只要在使用前编写 x = id(x) 就可以了。
2.getElementsByTagName--------返回带有指定标签名的对象集合。
语法:
3.getElementsByClassName/getElementsByName--------返回带有指定名称的类名/对象集合。
语法:
语法:
document.getElementById(id)
进行二次封装:
function id(x) { if (typeof x == "string") return [code]document.getElementById(x);
return x;
}
[/code]上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数,只要在使用前编写 x = id(x) 就可以了。
2.getElementsByTagName--------返回带有指定标签名的对象集合。
语法:
document.getElementsByTagName(tagname)
3.getElementsByClassName/getElementsByName--------返回带有指定名称的类名/对象集合。
语法:
document.getElementsByName(name)
4.document.querySelector("#demo");
获取文档中 id="demo" 的元素
定义和用法
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。相关文章推荐
- getElementById,getElementsByTagName,getElementsByName,getElementsByClassName的区别
- getElementById() getElementsByTagName() getElementsByClassName() querySlector() querySlectorAll()区别
- getElementByID,getElementsByName,getElementsByTagName的区别
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getelementbyid, getelementsbyname, getelementsbytagname 的区别和总结
- document.getElementById()、document.getElementsByName()、document.documentElement.getElementsByTagName的区别
- getElementByID getElementsByName getElementsByTagName的区别和总结
- getElementByID() getElementsByName() getElementsByTagName()的区别
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all
- getElementByID() getElementsByName() getElementsByTagName()的区别 .
- getElementById() , getElementsByName() 和 getElementsByTagName()的区别
- document.getElementsByName()与 document.getElementById()、document.getElementsByTagName()的区别
- JS中获取元素使用getElementByID()、getElementsByName()、getElementsByTagName()的用法和区别
- getElementById;getElementsByName;getElementsByTagName获取对象的区别
- getElementByID getElementsByName getElementsByTagName的区别 和 对xml操作
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
- getElementByID() getElementsByName() getElementsByTagName()的区别(转载)
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementsByName
- 区别getElementByID,getElementsByName,getElementsByTagName