一、方式
方式1：document.getElementById
document.getElementById('year').value='2002'
方式2：通过name属性
document.getElementsByName('name').value='2002'
方式3：通过标签名
document.getElementsByTagName('p').value='2002'方式4：通过类名
document.getElementsByClassName('p').value='2002'
方式5：通过表单
document.Form1.year.value='2002';
方式6：document.all（不推荐）
document.all.year.value='2002';
document.all["year"].value= '2002';
方式7：jquery
$(".year").val()；// jquery 根据class 获取值
$("#year").val(); // id jquery 根据获取值
二、各自的特点
1、document.getElementById
在IE6、7中会把表单元素的name当做ID值获取到。一个是name="category_id" 一个是id="category_id"。用document.getElementById取第二个，但是，取到的却是第一个name=category_id。在IE中getElementById居然不是先抓id而是先找name同样的物件。
建议：同一个标签，name和id用相同的值，如<input type="text" name="username" id="username"/>
2、document.getElementsByName
1）获取的结果是一个类数组，不是数组。
2）在IE浏览器中只能获取到表单元素，当然我们一般也只用它获取表单元素，从ie10开始可以不只是表单元素。
4、document.getElementsByClassName
1）获取的结果是一个类数组。
2）IE8以及以前版本不兼容。
6、document.all（不推荐使用）
all 方法最初是由 IE 浏览器拥有的，并不属于 W3C 规范范畴，他返回调用 all 方法的 HTML 标记自身内的所有子孙元素的 HTML 标记集合 。
原因：document.all 在各浏览器中的支持不同：https://blog.csdn.net/fengweifree/article/details/16862495
由于 document.all 方法存在支持程度问题，获取元素还是推荐用 W3C DOM 规范中提供的 document.getElementById、document.getElementsByTagName 等标准方法。