JS获取汇总

1.获取表单：

a.通过form标签的id属性值获取：document.getElementById（“id属性值”）；（常用）

b.通过表单的name属性值获取：dounment.表单的name属性值；（常用）

c.通过指定下标获取：document.forms【下标】；

d.通过表单的name属性值获取：document.forms【表单的name属性值】；

document.forms 获取html中所有对象

2.获取input：

a.通过元素的id属性值获取：document.getElementById（“id属性值”）；

b.通过表单对象中对应的元素的name属性值获取：表单元数.表单元素的name属性值；

c.通过表单的name属性值获取：document.getElementByName（“name属性值”）；

d.通过标签名称获取：document.getElementByTagName（“标签名/元素名”）

3.获取下拉选项;

1.获取下拉框对象： var 对象 = document.getElementById（“id属性值”）

2.获取下拉框的下拉选项列表：var options = 下拉框对象.options

3.获取下拉框被选中项的索引：var index= 下拉框对象.selectedIndex

4.获取下拉框被选中项的值：var 值 = 下拉框对象.value

5.获取下拉框被选中项的文本：var 文本值 = 下拉框对象.options【index】.text

4.提交表单：

a.使用普通按钮（button）：给按钮绑定click点击事件，绑定函数-----在函数中，进行表单校验，非空/合法校验等--如果校验通过，手动提交表单：表单对象.submit（）

b.使用提交按钮（submit）：给按钮绑定click点击事件，绑定函数-----函数需要有返回值，返回true或者false，返回true表单提交，返回false表单不提交：οnclick=“return  函数名”----在函数中，进行表单校验---若校验通过返回true，反之返回false

5.原生Ajax实现流程：得到XMLHttpRequest对象：var xhr = new XMLHttpRequest（）------打开请求：xhr.open（method，uri，async）            method请求方式通常是GET|POST，uri请求地址，async是否异步，true表述异步，false表示同步-----发送请求：xhr.send（params）params请求时需要传递的参数。GET请求设置null（GET请求参数设置在url后面）。POST请求，无参数设为null，有则设置参数----接收响应：xhr.status 响应状态（200=响应成功，500=服务器异常）         xhr.responseText 得到响应结果