是否有更簡單的方法使document.getElementById簡化？

Question

我正在使用需要我編寫以下內容的代碼：

document.getElementById("id").innerHTML //+ whatever else

這個代碼在我的javascript中使用了大約20-30次，只有ID屬性發生了變化。 有沒有辦法可以編寫一個非常小的函數，用更簡化的版本替換整行文本？ 就像是：

 El("id")

我已經編寫了2-3個不同的函數來嘗試簡單地使用它，但是它們都沒有用。

var dom = {
    elem = function (id){
        return document.getElementById(id).innerHTML;
    }
}

dom.elem(testid) //this has not worked

Answer 1

試試這個：

function El(id) {
    return document.getElementById(id).innerHTML;
}

然后你可以使用：

El("elementId"); //will return document.getElementById("elementId").innerHTML

Answer 2

您寧願只返回一個對象來使語句“document.getElementById”更短。 然后你可以使用“obj（id）”並在任何地方使用它，不僅僅是innerHTML方法：

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

然后使用任何JavaScript方法，如：

obj("myElementId").innerHTML = "My new Text";
obj("myElementId").classList.add("mystyle");
obj("myElementId").click();
obj("myElementId").insertBefore();

哪里：

<div id="myElementId"></div>

Answer 3

其他方式...

  function get(value){ 
        return  document.querySelector(value)
        }

然后，像這樣使用

get("#yourId").innerHTML = 'your text.'