表单与表格操作

标签：

表格操作：
    插入：
    插入行：    tableElement.insertRow(position)            //返回值为一个tr节点即一个rowElement。position从0开始计数。
    插入单元格：    rowElement.insertCell(position)                //返回值为一个td节点即一个cellElement。position从0开始计数。
    
    删除：
    删除行：    tableElement.deleteRow(position)             //position从0开始计数。
    删除单元格：    rowElement.deleteCell(position)                //position从0开始计数。

    访问:
    访问行：    tableEelment.rows                     //获取表格所包含的所有tr元素节点所组成的集合数组。
    访问单元格：    rowElement.cells                     // 获取行元素节点所包含的所有td元素节点所组成的集合数组。


表单控件操作
    通用：        text    value                        //对于所有的input节点或select节点以及select下的option节点都是通用的。

    select下拉框:
        select节点:
            value - 使用通用属性value来取值，来获取选中的值。
            selectedIndex - 获取被选中的option节点的位置。
        option节点：
            value - 使用通用属性来获取值。
            text - 使用通用属性来获取文本。
            selected - 是否被选中。
            defaultSelected - 是否默认被选中。

    单选复选：
        value - 使用通用属性获取值。
        checked - 是否被选中。
    
    操作元素属性：
        node.setAttribute("attrName", "val") - 修改或新增某属性"attrName"的值为"val"。
        node.getAttribute("attrName") - 获取某属性"attrName"的值。
        node.removeAttribute("attrName") - 删除某属性。

DOM操作CSS
    内联样式:
        1.在DOM中操作时，命名改为驼峰命名；
        2.内联样式。
        3.改变的是style属性。
    eg：
        var pEle = document.getElementById("p");
        pEle.style.backgroundColor = "red";

表单与表格操作

标签：

原文地址：http://www.cnblogs.com/lx307697527/p/5418682.html