1. javascript默认的方法:
<div id=”div_id” class=”div_class” name=”div_name”></div> //1. 根据id 获取:
Var divObj=document.getElementById(div_id ");
//2. 根据标签获取:
Var divObj= document.getElementsByTagName("div ");
//3. 根据name属性获取:
Var divObj= document.getElementsByName("div_name ");
2. 根据className就能获取标签元素:
Html前端开发中使用class=””属性的比较多,id只能有一个,name很少用,所以还需要一种根据className就能获取标签元素的方法。
很可惜,貌似目前javascript还没有这个功能,只有一个替代的方法,在不方便使用上述方法的情况下,可以用下:
/*
* 取得对应类和标签的HTML元素
* clsName:给定类名
* tagName:给定的HTML元素,如果为任意 tagName='*'
*
*/
function getElementsByClassName(clsName, tagName) {
var ClassElements = [];
selElements = document.getElementsByTagName(tagName);
for (var i = 0; i < selElements.length; i++) {
if (selElements[i].className == clsName) {
ClassElements[ClassElements.length] = selElements[i];
}
}
return ClassElements;
}