JavaScript DOM编程艺术中的几个方法

如今各种框架和插件层出不穷，但是万变不离其中，无论外在的东西做的多好，还是得回到其中的核心上来。昨天温习《JavaScript DOM编程艺术》时记录下来了其中一些函数及其用法，以后遇见类似的都可以自己使用函数来解决。例子提供的仅仅是思路。

使用JS获取body下面的所有子元素

var bodyElement = document.getElementsByTagName("body")[0];
var length = bodyElement.childNodes.length;
document.write(length);

在页面加载完后执行多个函数

function addLoadEvent(func) {
  var oldonload = window.onload;
  if(typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

在元素后插一个新元素

function insertAfter(newElement, targetElemnt) {
  var parent = targetElement.parentNode;
  if(parent.lastChild == targetElement) {
    parent.appendChild(newElement);
  } else {
    parent.insertBefore(newElement, targetElement.nextSibling);
  }
}

添加类

function addClass(element, value) {
  if(!element.className){
    element.className = vaule;
  } else {
    newClassName = element.className;
    newClassName += " ";
    newClassName += value;
    element.className = newClassName;
}