JavaScript学习笔记(一) 根据类名获取元素
1.Document对象
Document对象:每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
提示:Document对象是Window对象的一部分,可通过window.document属性对其进行访问。
2.getElementById()
// 封装getElementById()方法
function $(id){
return document.getElementByid(id);
}
3.getElementsByName()
它查询的是元素的name属性。
因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所以 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
4.getElementsByTagName()
TagName就是标签名,如:<input>
、<img>
…
getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。
如果把特殊字符串 “*” 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。
5.getElementsByClass()
这个方法要自己写。
// 根据类名获取元素
function getElementsByClass(oParent,sClass){
var aResult = [];
var aNode = oParent.getElementsByTagName("*");
for(var i=0; i<aNode.length; i++){
if(aNode[i].className == sClass){
aResult.push(aNode[i]);
}
}
return aResult;
}
您可能感兴趣的文章:
JavaScript学习笔记(一) 根据类名获取元素
jQuery学习基础知识小结
jQuery学习笔记 获取jQuery对象
Jquery 基础学习笔记
jQuery设计思想完整篇
利用HTML5中的Canvas绘制笑脸的代码
JQuery 选择器、过滤器介绍
jQuery温习篇 强大的JQuery选择器
jQuery学习笔记之jQuery选择器的使用
JQuery 学习笔记 element属性控制