dom 操作

Posted 2020-08-23 小伪桑

1.dom 的查找

 （1）根据id 查找 

          var object = document.getElementById("id 值")；

  （2）根据 name 查找：返回 dom 对象的数组；

         var arr = document.getElementByName("name")；

 （3）根据 标记名查找：返回dom对象的数组；

       var arr = doucument.getElementByTagName("标记名");

2.dom 的遍历（有浏览器兼容性问题，建议少用）

   childNodes : 所有字节点dom对象；

   firstChild : 第一个节点dom对象；

　lastChild ： 最后一个dom子节点对象；

  parentNode ： 父节点对象；

  previousSblings : 上一个同胞对象；

  nextSblings : 下一个同胞对象；

3. dom的创建与添加

  创建： var input = document.createElement("input");

 添加： appendChild(); --尾部添加；

    insertBefore(); --插入添加；

    replaceChild(); --替换添加；

4.dom 的删除

   removeChild();

   格式：父对象.removeChild(子节点对象)；

5.table表格应用：

   rows:table中所有的行对象数组；

   insertRow(index);从0开始 添加行元素；

   deleteRow(index);删除指定的行；

   rowIndex: 行在table 中的下标位置；

 cells：行中所有单元格的对象数组；

  insertCell（index）;添加单元格；

  deleteCell(index);删除单元格；