读JavaScript DOM编程艺术笔记

  1.获得当前元素的下一个元素

  

复制代码 代码如下:

  function getNextElement(node){

  if(node.nodeType==1){

  return node;

  }

  if(node.nextSibling){

  return getNextElement(node.nextSibling);

  }

  return null;

  };

  2.外部引入的js,添加页面加载方法

  

复制代码 代码如下:

  function addLoadEvent(func){

  var oldonload=window.onload;

  if(typeof window.onload!='function'){

  window.onload=func;

  }else{

  window.onload=function(){

  oldonload();

  func();

  }

  }

  };

  3.insertAfter方法

  

复制代码 代码如下:

  function insertAfter(newElement,targetElement){

  var parent=targetElement.parentNode;

  if(parent.lastChild==targetElement){

  parent.appendChild(newElement);

  }else{

  parent.insertBefore(newElement,targetElement.nextSibling);

  }

  };

  4.添加class

  

复制代码 代码如下:

  function addClass(element,value){

  if(!element.className){

  element.className=value;

  }else{

  newClassName=element.className;

  element.className=newClassName+" "+value;

  }

  }