JS如何一次获取多个元素并同时操作？

我是这么干的，同时控制两个input，并改变他们的宽度。

    <input id='x1' type='text' value='用户名' />
    <input type='text' value='用户名' />
    <script type="text/javascript">
        function values(){
            var get_input = document.getElementsByTagName("input");
            for (var i=0;i<get_input.length;i++)
            {    
            get_input[i].style.width = '500';;
            }

        }
        values();
    </script>

还有什么好办法么？有没有什么直接的办法吗？谢谢

---

jQuery 就是用来干这个事的

$("input").width(500);

不过 jQuery 具体的实现也是通过循环完成的

---

不想自己封装，那就不用原生的啦，用jquery什么的，一行代码$('input').css('width', 500)