zoukankan      html  css  js  c++  java
  • 1218 dom表格元素操作

    dom 访问表格子元素

    caption 返回表格的标题对象

    rows 返回该表格里的所有表格行(数组)

    通过rows[index]返回表格指定的行所对应的属性

    cells 返回该表格行内所有的单元格组成的数组

    通过cells[index]返回表格指定的列所对应的属性

    cellIndex 返回该单元格在表格行内的索引值

    例:

    dom 对HTML元素的增删改操作

    dom创建节点的方法 

    document.createElement(Tag),Tag必须是合法的HTML元素

    dom 复制节点的方法

    cloneNode(deep),当deep为true时,表示复制当前节点以及当前结点的全部后代节点。为false时,只复制当前节点

    dom 添加节点和删除节点

    appendChild(newNode) 将newNode添加成当前节点的最后一个子节点

    insertBefore(newNode,refNode) 将refNode节点之前插入newNode节点

    replaceChild(newNode,oldNode) 将oldNode节点替换成newNode节点

    removeChild(oldNode) 将oldNode子节点删除

    例:

    DOM为下拉菜单(select)添加选项的方式

    除了createElement(Tag)之外,还可以 new Option(text,value,defaultSelected,selected)

    text该选项的文本、即该选项所呈现的“内容”

    value 选中该选项的值

    defaultSelected 设置默认是否显示该选项

    selected 设置该选项当前是否被选中

    为建好的select列表赋值 :列表框或下拉列表.option【i】=创建好的option对象

    删除直接用      列表框或下拉列表.remove(index)

    例:

    DOM动态添加删除表格内容所使用到的常用方法

    insertRow(index) 在指定索引位置插入一行

    deleteRow(index) 删除表格中index索引处的行

    insertCell(index) 在index处创建一个单元格,返回新创建的单元格

    deleteCell(index) 删除某行在index索引处的单元格

    例:

  • 相关阅读:
    委托事件学习笔记
    开发小技巧:C#逐个输出字符
    存储过程实例总结(开发中的错误与总结,调试,数据库函数DATEDIFF计算当前日期是否在本周内)
    一个简单的通用面板和菜单类
    PHP配置图文教程
    LaTeX——代码框风格设置
    layui获取弹出层内容
    argis android sdk配置备忘一下
    记录下-两点角度计算
    注册dll命令
  • 原文地址:https://www.cnblogs.com/-gongxue/p/14155462.html
Copyright © 2011-2022 走看看