首页 > 代码库 > dom 操作

dom 操作

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);删除单元格;

 技术分享

 

dom 操作