zoukankan      html  css  js  c++  java
  • 表格、表单操作

    (一)表格操作

    方法:
    tHead ==>表格头
    tBodies ==>表格正文(可以有多个)(在js中如果不写,自动会添加,易出错)
    tFoot ==>表格尾
    rows ==>行
    cells ==>列
    eg:oTab.tBodies[0].rows[1].cells[1].innerHTML(获取表格的第一个正文的第二行第二列的内容)=oTab.children[0].children[1].children[1].innerHTML

    (二)表单操作
    <form id='form1'>
    <input type='text' name='text1' value='内容'/>
    </form>
    var oForm=document.getElementById('form1')


    1.获取表单里元素对象
    表单元素.name的属性值 ==>获取表单中对应的name的元素(无兼容性问题)
    eg:oForm.text1 ==>得到input文本框

    2.表单事件(如果事件函数体中返回了false则事件失效,提交表单时必须有action属性才能成功)
    (1)onchange:当值发生改变的时候触发(有兼容性问题)
    eg:oForm.text1.onchange=function(){alert()}
    兼容性问题:
    text:当光标离开的时候如果内容有变化就触发
    checkbox/radio:标准浏览器下点击的时候只要值改变就触发;非标准浏览器为光标离开时候值变了就触发
    select:只要值改变就触发
    注:<select name='city' value=''>
    <option value='北京'>北京</option>
    </select>
    select的value值为option中选中的value的值(selected属性,单选,复选框选中时checked)
    (2)onsubmit ==>事件,当提交表单的时候触发
    (3)onreset ==>事件,当表单重置的时候触发

    3.表单方法
    submit() ==>方法,提交表单

  • 相关阅读:
    浅谈mongodb内存
    iptables 【转载】
    腾讯公司运维面试题
    nginx 的一些优化(突破十万并发)
    nginx 查看 并发连接数
    Linux内核调优部分参数说明
    web性能测试基本性能指标
    sort
    sed笔记
    ubuntu 18.04安装腾讯通RTX2015
  • 原文地址:https://www.cnblogs.com/fengxiaopiaoer/p/5634320.html
Copyright © 2011-2022 走看看