获取指定类名的元素对象集合
* @param {Object} node 父节点
* @param {String} classname 指定类名
* @return {[Object]}目标对象集合
*/
function getElementsByClassName(node,classname) {
//如果浏览器
支持则直接使用
if (node.getElementsByClassName) {
return node.getElementsByClassName(classname);
} else {
return (function getElementsByClass(searchClass,node) {
if ( node == null )
node = document;
var classElements = [],els = node.getElementsByTagName("*"),elsLen = els.length,pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"),i,j;
for (i = 0,j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i];
j++;
}
}
return classElements;
})(classname,node);
}
}
函数
添加到window.onload中
* @param {function} func 待运行
函数
*/
function addLoadEvent(func){
var oldOnload = window.onload;
//typeof 返回String类型
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldOnload();
func();
}
}
}
添加新类名
* element 元素结点
* value 类名
*/
function addClass(element,value){
//如果元素类名为空，直接将value赋值给相应的元素类名
if(!element.className){
element.className = value;
}else{
//否则需要将类名之间用空格隔开
newClassName = element.className;
//多个类名间
添加空格
newClassName += ' ';
newClassName += value;
element.className = newClassName;
}
}
获取下一个元素结点
* @param {Object} node 兄结点
* @return {Object || null}下一个元素结点或未
获取到
*/
function getNextElement(node){
var sibNode = node.nextSibling;
if (sibNode.nodeType == 1) {
return node;
}
if (sibNode.nextSibling) {
//递归
调用
return getNextElement(node.nextSibling);
}
return null;
}
