• 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索引处的单元格

    例:

  • 相关阅读:
    模块之使用模块
    函数之return
    Python3入门(八)——面向对象OOP
    Python3入门(七)——模块
    Python3入门(六)——函数式编程
    Python3入门(五)——高级特性
    Python3入门(四)——Python函数
    Python3入门(三)——Python基础语法
    Python3入门(二)——Python开发工具Pycharm安装与配置
    大数据入门第二十五天——elasticsearch入门
  • 原文地址:https://www.cnblogs.com/-gongxue/p/14155462.html
Copyright © 2020-2023  润新知