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") - 删除某属性。

DOM操作html

标签：

原文地址：http://www.cnblogs.com/paul-du/p/5406481.html