DOM节点问题

      DOM

​            DOM节点：    

​            DOM属性：获取整个html文档；document.documentElement；

获取head：document.head； 获取主体：document.body; 获取某个元素第一个元素：body.firstElementChild; 获取最后一个元素：body.lastElementChild;  获取相邻下一个元素：div.nextElementSibling;

获取相邻兄弟前一个元素：input.previousElementSibling;

// 获取DOM对象

​    // 获取name属性值为sex的标签

​    var sex = document.getElementsByName("sex");

​    //获取class标签

​    var div = document.getElementsByClassName("div");

​    // 获取id标签

​    var div1 = document.getElementById("div")

​    // 获取标签

​    var ipt = document.getElementsByTagName("input")

​    // 获取符合条件的第一个标签

​    var d = document.querySelector(".div")

​    // 获取符合条件的全部标签

​    var i = document.querySelectorAll("div")

​    添加内容

​            先创建一个节点： var li = document.createElement("li");

​            ul.appendChild(li)

​        删除节点

​                ul.removeChild(li); ul.remove():删除所有元素本身以及所有子元素。

​        修改内容

​                li.innerHTML; li.innerText;

​        获取标签的属性值：getAttribute();  

​        修改标签的属性值：setAttribute("属性名 "，"值")；

​        自定义属性：      div.dataset.index;

​            attributes:获取的时标签自带

​         获取内部样式表、外部样式表

​              内部:div.className,(只可以获取class的值，不能获得里面的值)；

​                getComputedStyle()获取标签的样式，是可以读，但不能改变。

​                div.classList也可以获取标签的样式。

​                div.classList.remove("选择器")：删除指定的选择器