05dom

   //元素 dom

            //document.getElementById();

            //document.getElementsByClassName();

            //document.getElementsByName();

            //document.getElementsByTagName();

            //document.querySelector();对象

            //document.querySelectorAll();数组

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

            // console.log(li.parentElement.parentElement.parentElement.parentElement)

            // console.log(li.parentNode.parentNode.parentNode.parentNode)

            // var ul=document.querySelector("ul");

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

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

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

            // console.log(li.nextElementSibling)

            // console.log(li.previousSibling)

            // console.log(li.nextSibling)

            //样式

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

            // li.style.color="red"

            // // li.style.background-color="#ccc";

            // // li.style.backgroundcolor="#ccc";

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

            //属性 attributes

            // console.log(li.id)

            // console.log(li.data-id)

            // console.log(li["data-id"])

            // console.log(li.attributes["data-id"]) name value

            // console.log(li.className)

            //事件

            //*click

            //*change 单选、多选状态改变  下拉框选项改变  文本框的值改变

            //*mouseover

            //*mouseout

            //keydown

            //*keypress

            //keyup

            // var btn=document.querySelector("button")

            // btn.onclick=function(){

            //     // console.log(this.value) 交互控件的值

            // }

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

            // li.onclick=function(){

            //     // console.log(this.innerHTML) html

            //     // console.log(this.innerText) text

            //     // console.log(this.outerHTML) 含有本身