document.getelementsbyname然后怎么改这个集合的所有成员CSS样式

<input name="test_02" value="1" size="25" type="text" /><br />
<input name="test_02" value="2" size="25" type="text" /><br />
<input name="test_02" value="3" size="25" type="text" /><br />
<input type="submit" name="" value="修改" onclick="test()" />
<script>
function test(){
var names = document.getElementsByName("test_02");
for(var i=0; i< names.length; i++){
names[i].style.height = "30px";
}
}
</script>