id.style or document.getElementById('id').style

Question

What's the best way to add style ?

Using

id.style.color = "green" or document.getElementById('id').style.color = "green" ?

Answer 1

Use the latter option:

document.getElementById('id').style.color = "green"

See this answer for a good write-up on this issue:

• Do DOM tree elements with ids become global variables?

It's generally considered bad practice to omit var, as well as to rely on named elements being visible on window or as globals. Stick to document.getElementById, which is more widely-supported and less ambiguous.