获取与id同名的变量中的某些元素,而不多次写入getElementByID?

时间:2017-03-31 22:08:56

标签: javascript global-variables getelementbyid

我有很多这样的脚本(通常在DOMContentLoaded事件之后):

mythis      = document.getElementById("mythis");
mythat      = document.getElementById("mythat");
naming      = document.getElementById("naming");
isdev       = document.getElementById("isdev");
easier      = document.getElementById("easier");
remember    = document.getElementById("remember");
your        = document.getElementById("your");
stuff       = document.getElementById("stuff");

但它是如此臃肿的代码。所以我想知道如果没有使用eval()就没有更简单的方法。

这可以被视为使用“named access on the window object”(explained here)(某些浏览器中的标准)带来的好处,但更安全且仅适用于您选择的变量。

1 个答案:

答案 0 :(得分:1)

["mythis","mythat","naming","isdev","easier","remember","your","stuff"].forEach(s=>{
        window[s]=document.getElementById(s)
    })