1、getElementById()
返回一个值 或者报错null
2、getElementsByName()
返回htmlcollection
3、getElementsByTagName()
返回htmlcollection
4、getElementsByClassName()
返回htmlcollection
var vlaue =document.getElementByClassName("classname")
for(var i=0i<value.lengthi++){
console.log (value[i].value ) //对象.属性
}
页面应该是有多个class叫做"checkgread"的元素吧，通过$('.checkgread')获取到的是一个jquery对象数组，加上[0]之后，取到的其实还是一个jquery的对象。所以无法使用原生的js方法，可以试试下面的代码 var checkgread =$('.checkgread')[0][0]思路：用getElementsByTagName方法来实现。
片断代码如下：
<html><head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input")
alert(x.length)
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="How many input elements?" />
</body>
</html>
效果图如下：
定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
