DOM的查找，新增，删除操作

查找

     1. document.getElementById()  通过ID获取元素，由于ID唯一，所以获取的是一个元素

     2. document.getElementsByTagName() 通过标签名获取元素

     3. document.getElementsByClassName()  通过Class获取元素

     4. document.getElementsByName()  通过name获取元素

     5. document.querySelect() 返回匹配的一个，参数类似于CSS的选择器 （类似于JQuery中的选择器）

            例子：document.querySelect("#id")  ;通过ID选择元素

                      document.querySelect(".class")  ;通过class选择元素

                     document.querySelect("ul>li");  选取ul下面的li   。。。

                     类似的css选择器都可以在querySelect函数中使用

     6. document.querySelectAll()   用法和querySelect()一样，但是返回匹配的所有值

    

新增

   1.创建元素：document.createElement(元素)；

   2.插入元素:父级.appendChild(元素 )： 直接附加到父级已有的子元素后

      插入元素：父级.insertBefore(插入元素，插入元素后的元素)：插入到第二个参数之前

 

删除

   1.删除子级：父级.removeChild(元素) 

   2.删除自身: 元素.remove（）

 

转载于:https://www.cnblogs.com/suihang/p/9494990.html