Dom 操作

用Id

var a = document.getElementById("id 名")

用 class取到的是数组

var a = documen.getElementsByClassName("class 名")

用标签获取到的是数组

var a = document.getElementsByTagName ("标签名")

用 name取到的是数组

var a = document.getElementsByName( "name名" )

用选择符querySelectorAll

document.querySelector("p");

事件
onmouseover，onmouseout，onclick，
修改样式
a.style.
Document：根节点
parentNode： 获取父节点
childNodes： 获取所有的子节点
firstChild：第一个子节点
lastChild：最后一个子节点

<p id="p1" class="p1">点击</p>
  <div id="div1"></div>
  <script>
    // let p = document.getElementById('p1')              //id
    // let p = document.querySelector("#p1")
    // let p = document.querySelectorAll("#p1")[0]
    // let p = document.getElementsByTagName("p")[0]      //标签
    let p = document.getElementsByClassName('p1')[0]      //class类
    p.onclick = function(){
      console.log(111)
    }
    p.onmouseover = function(){
      console.log(222)
    }
    p.onmouseout = function(){
      console.log(333)
    }
    let div = document.createElement("p")             //创建元素节点
    let content = "dfsfsdfsf"
    let txt = document.createTextNode(content)        //创建文本节点
    div.appendChild(txt)                              //添加子节点
    let div1 = document.getElementById("div1")
    div1.appendChild(div)
    // div1.removeChild(div)                          //移除节点
    let val = div.parentNode.getAttribute("id")       //获取父节点,获取属性值    
    // alert(val)
    div.parentNode.setAttribute("name","12")          //设置属性
    // prompt("What's your name?", "Default")
    // var re = confirm("要进行删除操作吗？");
    
    // if(re == false){
    //     console.log('false')
    // }else{
    //     console.log('true')
    // }
    console.log(navigator.language)
    console.log(document.title)
    console.log(document.head)
  </script>