javascript--HTML DOM常用元素对象

二，Select：访问select元素

　　属性：.selectedIndex  获取select中当前选中项的下标

　　　　　.options  获取select中所有的option元素 返回值为数组

　　　　　.options.length  获取option的长度 将其赋值为0 等同于删除所有option

　　　　　.value 当前选中项的值（当选项中有value属性时 获得value属性值 若不存在value值则等同于获取innerHTML值）

　　方法：add() 在select中添加option

　　　　　remove(i) 删除select中下标为i的option

　　事件：onchange 选项发生变化时触发的事件

　　删除select中最后一个option可以使用：select.remove(select.length-1);

三，option：访问option元素

　　创建：new Option(text,value) text表示内容 value表示属性

　　属性：.index 获取当前选项下标

　　　　　.value

　　　　　.text/.innerHTML

　　向select中添加一个option：select.appendChild(new Option(text,value));

    
    


　　//创建一个select
    
        111
        222
        333
    
    

 

四，table 访问表格元素

　　1.创建行分组：table.createTHead();

　　　　　　　　table.createTBody();

　　　　　　　　table.createTFoot();

　　2.删除行分组：table.deleteTHead();　　　　　　

　　　　　　　　TBody无法删除,并且一个table可以包含多个tbody

　　　　　　　　table.deleteTFoot();

　　3.获取行分组：table.tHead()

　　4.插入、删除、获取 (行 tr)

　　可以在thead、tbody、tfoot中插入行

　　　　.insertRow(i) 在下标为i的位置插入一行,若不写下标 表示在末尾追加一行

　　　　.deleteRow(i) 删除下标i位置的行

　　　　.rows[i] 获取下标为i的行  获取所有行.rows 返回值为数组

　　5.插入、删除、获取 （单元格 td）

　　　　tr.insertCell(i) 在某一行中下标为i的位置插入一个单元格,若不写下标 表示在末尾追加一个单元格

　　　　tr.deleteCell(i) 删除某一行中下标为i的单元格

　　　　tr.cells[i] 获取下标为i的单元格  获取所有单元格 tr.cells 返回值为数组

　　　　通过这种方式构造表格 无法在tr中添加th

　　　　设置表格样式通过table.style tr.style

 

五，Form 访问表单form元素

　　获取表单：document.forms[i/name/id] 可以通过下标、name属性值、id进行访问

　　获取表单中元素：form.elements[i/name/id]   form.elements 得到表单所有元素 返回值为数组

　　　　元素有name属性时 可直接 from.name属性值获取元素

　　获取元素个数：form.length

　　手动提交表单：form.submit()  和普通button搭配使用

　　事件：onsubmit()  表单提交前自动触发

    
    


    

        用户名：
        密码：