DOM操作html
表单
1、新增
---tableElement.insertRow(position) - 新增一行,返回值为一个tr节点即一个rowElement,position位置从0开始计数。
---rowElement.insertCell(position) - 新增一个单元格,返回值为一个td节点即一个cellElement,position位置从0开始计数。
2、删除
---tableElement.deleteRow(position) - 删除某行,position从0开始计数。
---rowElement.deleteCell(position) - 删除某行,position从0开始计数。
3、访问
---tableElement.rows - 获取表格所包含的的所有tr元素节点所组成的集合数组。
---rowElement.cells - 获取行元素节点所包含的所有td元素节点所组成的集合数组。
表单控件
1、表单控件通用属性
---value - 值。
---text - 文本内容。
2、select下拉框
1.访问option节点
---selectElement.options - 返回该select节点内子节点option节点所组成的数组
2.删除option节点
---selectElement.remove(position) - 基于select节点的remove方法,删除指定位置的option节点,从0开始计数。
3.select节点直接取值
---value - 使用通用属性value来取值,来获取选中的值。
---selectedIndex - 获取被选中的option节点的位置。
4.option节点取值
---value - 使用通用属性来获取值。
---text - 使用通用属性来获取文本。
---selected - 是否被选中。
---defaultSelected - 是否默认被选中。
3、radio单选框和checkbox复选框
---value - 使用通用属性获取值。
---checked - 是否被选中。
4 input输入框
---value - 使用通用的属性来取值。
---text - 使用通用属性来获取文本。
操作元素属性
---node.setAttribute("attrName", "val") - 修改或新增某属性"attrName"的值为"val"。
---node.getAttribute("attrName") - 获取某属性"attrName"的值。
---node.removeAttribute("attrName") - 删除某属性。