dom

  // click 常用  单击事件

            // change 改变  常用于 单选.多选 状态改变的时候 下拉框 选项改变常用 change  文本框的值改变的时候

            //鼠标事件

            //mouseover 入 常用

            //mouseout 出 常用

            //键盘事件

            //keydown

            //keypress 常用

            //keyup

 console.log(ul.childNodes)文本节点

            // console.log(ul.children)不包括文本节点

            // var li = document.querySelector("#li1");

            // console.log(li.nextElementSibling)

            // console.log(li.previousElementSibling)//元素

            // console.log(li.previousSibling)

            // console.log(li.nextSibling)

            //樣式 style

            // var li = document.querySelector("#li1");

            // li.style.color="red"

            // li.style.backgroundcolor="#ccc"//驼峰命令法

            // li.style["background-color"]="#ccc"