SOURCE

function ttt(){
  alert("WTF");
}

// function test(){
//  //创建节点
//  var lswt_2=document.createElement("div");
//  //设置节点id
// lswt_2.id='lswtColse';
//  //设置节点属性
//  lswt_2.style.width='11px';
// lswt_2.style.height='10px';
// lswt_2.style.top='0px';
// lswt_2.style.right='0px';
// lswt_2.style.position='absolute';
// lswt_2.style.background='url(7.gif)';
// lswt_2.style.backgroundRepeat='no-repeat';
//  //为这个节点添加点击时间
// lswt_4.addEventListener("click",loc,false);
//  //把这个节点放到那里？放到id为lswt的元素下
//  var element_2=document.getElementById("lswt");
//  //插入这个节点
//  element_2.appendChild(lswt_2);
// }

<ul>
  <li class="mm" onclick="test()">菜单1
    <div>
      <a href="">子菜单1</a>
      <a href="">子菜单2</a>
      <a href="">子菜单3</a>
    </div>
  </li>
  <li class="mm" onclick="ttt()">菜单2
    <div>
      <a href="">子菜单1</a>
      <a href="">子菜单2</a>
      <a href="">子菜单3</a>
    </div>
  </li>
</ul>
<!-- <div id="lswt">AAAAA</div> -->

/* li{
  background-color: #333;
  text-decoration:none;
  display:block;
} */
/* 去掉前边的点 */
ul{
  list-style-type:none;
}
li{float:left;}

.mm{
  color:white;
  background-color:#333;
}
.mm:hover{
  background-color: #1f75cf;
}

li a{
  /* position:absolute; */
  display:none;
  /* display:block; */
}