Shorter function for GetElementById in JS

Question

Is there any easier way to access element by it's Id than this long sentence?

 document.getElementById("example").innerHTML

It is very time consuming for me to write this whole sentence each time. Is there any better way to access an element in JavaScript?

Possible duplicate of Use of document.getElementById in JavaScript — Ritul Lakhtariya
– Ritul Lakhtariya, Commented Jan 21, 2019 at 12:07
Use a code editor with auto complete, also helps prevent mistakes in your code if typing isn't your thing. — Matthew Page
– Matthew Page, Commented Jan 21, 2019 at 12:11
This is the Javascript for you! This is how it is. You may try other libraries built on top of the JS like jQuery or Lodash or something which might have a method shorter than the one you've mentioned. — Sujit Y. Kulkarni
– Sujit Y. Kulkarni, Commented Jan 21, 2019 at 12:12
@Sujit - More accurately, this is the DOM for you. getElementById isn't JavaScript method. — T.J. Crowder
– T.J. Crowder, Commented Jan 21, 2019 at 12:13

T.J. Crowder · Accepted Answer · 2019-01-21 12:09:29Z

In most cases, yes, but I wouldn't recommend it. Per the specification (and universally supported by browsers), elements in the DOM with id attributes show up as global variables with the id's value as their name. So you could use

example.innerHTML

But, the global namespace is crowded and there's a lot going on, with lots of potential for conflicts (for instance, id="name" doesn't make name refer to the element). Instead, give yourself a handy, reusable function:

function gid(id) { return document.getElementById(id); }

It's also probably worth mentioning that relying on ids a lot tends to be a bit of an anti-pattern.

thats not exactly answer see they wants smaller in size of answer but you gave more long as he want.
@RitulLakhtariya - example and gid("example") are both clearly shorter than document.getElementById("example").

Helenesh · Accepted Answer · 2019-01-21 12:48:34Z

0

You can use jQuery to get the element by id

eg:

$("#example");

edited Jan 21, 2019 at 12:48

Helenesh

4,3792 gold badges26 silver badges41 bronze badges

answered Jan 21, 2019 at 12:15

Vivian Mascarenhas

1831 silver badge7 bronze badges

Collectives™ on Stack Overflow

Shorter function for GetElementById in JS

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related