DOM操作

 1.DOM节点分类

        DOM 即 Document Object Model

        DOM 顶级对象为 document

 文档节点

 元素节点

  属性节点

  文本节点

  2.查询获取元素方法

     getElementById

     通过id获取元素        （单个）

     getElementsByTagName

     通过标签名称获取元素        （多个）

     getElementsByClassName

     通过类名获取元素        （多个)

     querySelector

     通过定的名称获取第一个元素        (单个）

     querySelectorAll

      通过定的名称获取所有该名称的元素        （多个）

      内置方法/函数，  就是研发人员已经做好的函数，直接拿过来使用就行。

       var test = document.getElementById('demo');

        querySelector可以通过 id、类名、标签名等方式 获取到元素，但要加上相应的标识符。

         var test = document.querySelector('ul');

        通过标签名、类名、querySelectorAll获取到的元素

        无论个数 都会被存放在数组内，要操作元素的时候需要用下标选择到某一元素。

        var test = document.getElementsByTagName('li');

        console.log(test);

        var p = document.createElement('p');

        console.log(document.createElement('p'));

        p.innerText = "p标签";

        console.log(p);

        test[0].appendChild(p)

 

         3.部分操作方法

           createElement      创建一个元素节点。

           appendChild         向一个元素节点的末尾添加一个元素节点。

           insertBefore          向一个元素节点前面添加一个元素节点。

          removeChild          移除一个元素节点下的某一个元素节点。

          replaceChild           将页面中的某一个节点替换掉。