En todos los tutoriales he visto que usando document.getElementById(id); se recomienda, pero es más largo que solo acceder a los elementos directamente por sus ID. Código de ejemplo que es perfectamente funcional:

 <script> function appendText() { foo.innerHTML += bar.value } </script <div> <p id="foo"></p> <input type="text" id="bar" /> <button onclick="appendText()">Add</button> </div>

¿Cuáles son las desventajas de acceder a elementos como ese y por qué nadie lo usa de esa manera? Para mí siempre fue más práctico hacer esto de esa manera. ¿O tal vez la gente simplemente no sabe que existe tal posibilidad?