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; }