Javascript：新建结点对象 赋属性值及事件

  //根据ID得到对象

  var ulA = document.getElementById("result");
  //新建 li 结点对象

  var eleLI = document.createElement("li");
  //给对象赋CSS样式

  eleLI.className = "filter_a";
  //给对象以style方式定义样式

  eleLI.style.marginBottom = 4;
  /*遍历JS对象中的方法或属性
  for(var i in eleLI.style){
   alert(i);
  }
  */

  //新建 a标签 对象
  var eleA = document.createElement("a");
  //给a标签 href赋值

  eleA.href = "#";

  //给a的onclick事件定义默认方法
  eleA.onclick = function() {

    //调用自定义方法
    deleteParam(url,paramBefore,paramStr,id+"");
    //设定false 防止点击时页面跳到顶端

    return false;
  }

  //新建 span 对象
  var eleSpan = document.createElement("span");
  //定义显示内容

  eleSpan.innerHTML = cn;
  

  //span 加入到 a 
  eleA.appendChild(eleSpan);
  //a 加入到 li

  eleLI.appendChild(eleA);
  //li 加入到页面上已定义好的 ul 对象上

  ulA.appendChild(eleLI);