zoukankan      html  css  js  c++  java
  • DOM / DOM操作表格

    DOM
     
     【获取层次节点的常用属性】
     
     1 .childNodes:(数组)获取UL里面的所有子节点(包含元素节点/文本节点);
     2 .firstChild:获取元素的第一个子节点;
     3 .lastChild: 获取元素的最后一个子节点;
     4 .ownerDocument:获取当前文档根节点。在HTML文档中,为document节点;
     5 .parentNode: 获取当前节点的父节点;
     6 .previousSibling:获取当前节点的前一个兄弟节点;
     7 .nextSibling: 获取当前节点的后一个兄弟节点;
     8 .attributes:获取当前元素节点的所有属性节点;
     
       注:上述属性,均会获得所有的元素节点和文本节点,如果只需要元素节点,需要使用对应ELemengt属性,例如,firstChild-->firstElementChild
     
     
    【创建并新增节点】
     
     1 .createElement("标签名"):创建一个新的节点。需要配合 .setAttriibute()方法设置新节点的相关属性;
     2 .appendChild(节点名):在某元素的最后追加一个新节点
     3 .insertBefore(新节点名,目标节点名):将新节点,插入到目标节点之前
     4 .克隆对象 .cloneNode(true/false):需要克隆谁,就用谁去调用克隆对象;
       >>>传递参数可以为true或false:
     ①true表示:克隆当前节点及所有子节点
     ②false表示: 只克隆当前节点,不克隆子节点。
     
     【删除/替换节点】
     1、 .removeChild(需要删除节点):从父容器中,删除指定节点;
     2、 .replaceChild(新节点,被替换节点):用新节点替换制定节点。如果新节点为页面中已有节点,将会被此节点删除后,替换到指定节点。
     
     
    DOM操作表格
     
     【表格对象】
     1、 rows属性: 返回表格中的所有行,数组;
     2、 insertRow(index): 在表格的第index+1行,插入一个新行
     3、 deleteRow(index): 删除表格的第index+1行。
     
     【表格的行对象】
     1、 cells属性: 返回当前行中的所有单元格,数组;
     2、 rowIndex属性: 返回当前行,在表格中的索引顺序,从0开始;
     3、 insertCell(index): 在当前行的第index+1处插入一个<td>
     4、 deleteCell(index): 删除当前行的第index+1个<td>
     
     【表格的单元格对象】
     1、 cellIndex属性:返回单元格在改行的索引顺序,从0开始;
     2、 innerHTML属性: 返回或设置当前单元格中的HTML代码;
     3、 align属性: 设置当前单元格的水平对齐方式;
     4、 className属性: 设置单元格的class名称;
     
     
     
  • 相关阅读:
    嵌入式开发之web服务器---boa移植
    图像处理之基础---去污算法
    图像处理之基础---傅里叶
    图像处理之基础---卷积
    图像处理之基础---各种滤波
    二维矩阵卷积运算实现
    图像处理之基础---卷积傅立叶变换中的复数
    图像处理-线性滤波-2 图像微分(1、2阶导数和拉普拉斯算子)
    Live555 中的客户端动态库.so的调用方式之一 程序中调用
    20个Flutter实例视频教程-01节底部导航栏和切换效果的制作-1
  • 原文地址:https://www.cnblogs.com/zhuanzhibukaixin/p/6713637.html
Copyright © 2011-2022 走看看