javascript一些常用函数

 javascript一些常用函数

1。常用dom函数

// 创建元素节点
referrer=document.createElement(element)
//创建文本节点
referrer=document.createTextNode(text)
//复制节点
referrer=document.cloneNode()
//添加节点
referrer=document.appendChild(newChild)
//插入节点
referrer=element.insertBefore(newNode,targetNode)
//删除节点
referrer=element.removeChild(node)
//替换节点
referrer=element.replaceChild(newChild,oldChild)
//设置节点属性
element.setAttribute(attrName,attrValue)
//查找节点
attrValue=element.getAttribute(attrName)
element=document.getElementById(id)
elements=document.getElementsByName(tagName)
booleanValue=element.hasChildNodes()
//节点属性
name=node.nodeName
type=node.nodeType
value=node.nodeValue
//遍历节点树
nodelist=node.childNodes
firstChild=node.firstChild
lastChild=node.lastChild
nextSibling=node.nextSibling
parentNode=node.parentNode
previousSibling=node.previousSibling

 2.公用javascript函数

//加载页面onload事件
function addLoadEvent(func) ...{
  var oldonload = window.onload;
  if (typeof window.onload != 'function') ...{
    window.onload = func;
  } else ...{
    window.onload = function() ...{
      oldonload();
      func();
    }
  }
}

//给定节点后添加新节点
function insertAfter(newElement,targetElement) ...{
  var parent = targetElement.parentNode;
  if (parent.lastChild == targetElement) ...{
    parent.appendChild(newElement);
  } else ...{
    parent.insertBefore(newElement,targetElement.nextSibling);
  }
}

//给定元素后添加class样式
function addClass(element,value) ...{
  if (!element.className) ...{
    element.className = value;
  } else ...{
    newClassName = element.className;
    newClassName+= " ";
    newClassName+= value;
    element.className = newClassName;
  }
}

//加亮导航条
function highlightPage() ...{
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("navigation")) return false;
  var nav = document.getElementById("navigation");
  var links = nav.getElementsByTagName("a");
  for (var i=0; i<links.length; i++) ...{
    var linkurl = links[i].getAttribute("href");
    var currenturl = window.location.href;
    if (currenturl.indexOf(linkurl) != -1) ...{
      links[i].className = "here";
      var linktext = links[i].lastChild.nodeValue.toLowerCase();
      document.body.setAttribute("id",linktext);
    }
  }
}

 3。实现table行颜色间隔变化，以及选择加亮

function stripeTables() ...{
  if (!document.getElementsByTagName) return false;
  var tables = document.getElementsByTagName("table");
  for (var i=0; i<tables.length; i++) ...{
    var odd = false;
    var rows = tables[i].getElementsByTagName("tr");
    for (var j=0; j<rows.length; j++) ...{
      if (odd == true) ...{
        addClass(rows[j],"odd");
        odd = false;
      } else ...{
        odd = true;
      }
    }
  }
}

function highlightRows() ...{
  if(!document.getElementsByTagName) return false;
  var rows = document.getElementsByTagName("tr");
  for (var i=0; i<rows.length; i++) ...{
    rows[i].oldClassName = rows[i].className
    rows[i].onmouseover = function() ...{
      addClass(this,"highlight");
    }
    rows[i].onmouseout = function() ...{
      this.className = this.oldClassName
    }
  }
}