JS Rename Methods

Question

I'm tired of writing and reading getElementByIdand getElementsByTagName... complicates programming for me.

So, I want to rename them. I want them to be getId, getTagsand getClasses.

This is the micro library I work for. How can I get this result with minimal CPU usage?

At least var doc = document;it was easy.

Answer 1

Just assign them.

var doc = document;
doc.getId = doc.getElementById;
doc.getTags = doc.getElementsByTagName;
doc.getClasses = doc.getElementsByClassName;
alert(doc.getId('foo').className);

<div id="foo" class="classy"></div>

Run codeHide result

If you want to leave doc., you will need to define functions, for example:

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

Answer 2

Javascript. . document, .

document.getId = document.getElementById; document.getTags = document.getElementsByTagName; document.getClasses = document.getElementsByClassName;

Answer 3

Why not just use jQuery? getElementById becomes $.("#theID"). You can crop the "selector" with $.