DOM之常用对象

HTML DOM常用对象

• Select对象

  • 属性：
    
    • sel.options：返回当前select下的所有option对象的集合
    • sel.selectedIndex：获得当前select的选中项的下标位置
  • 方法：
    
    • 添加一个option：sel.add(opt)，等效于sel.appendChild(opt)
    • 移除一个option: sel.remove(i)

• Option对象

  • 创建option对象： var opt = new Option(innerHTML,value);
    
    • 等效于 var opt = document.createElement(“option”);opt.innerHTML = ?;opt.value = ?;
  • 属性
    
    • opt.selected // 返回当前option是否被选中
    • opt.index //获得opt在select中的下标位置

• Table对象

  • HTMLTableElement
    
    • 方法
      
      • 行分组THead、TFoot有create方法和delete方法
      • 插入空行： var tr = table.insertRow(i); //省略i，表示在末尾追加一行
      • 删除行：table.deleteRow(i); //删除行，必须知道要删除行的下标
    • 属性：tHead 、 tFoot
      
      • tBodies：多个tbody元素对象的集合，必须用[i]方式获取每个tBody
      • rows：获得表格中所有tr对象
  • HTMLTableSelctionElement：表格中每个行分组
    
    • 方法
      
      • var tr = tbody.insertRow(i)
      • tbody.deleteRow(i)
      • 注意：i是相对于tbody的序号，不包含thead中的tr序号
  • HTMLTableRowElement：表示表格中的每一行
    
    • 方法
      
      • var td = tr.insertCell(i) //只能插入td，省略i，表示追加
      • tr.deleteCell(i)
    • 属性
      
      • tr.cells：保存了一行中所有td对象
      • tr.rowIndex：保存了当前行的下标，专用于删除行
  • HTMLTableCellElement：表示行中每一个td

• Form对象

  • 如何获得form对象： var form = document.form[i/name];
    
    • 方法：form.submit()，用程序代替自动提交
    • 事件：onsubmit，当表单提交之前自动触发，主要用于提交前的验证
  • 如何获得form中的数据采集元素： form.elements[i/name];
    
    • 方法：elem.focus()