通过快捷键

Question

的JavaScript对象的引用我有非常非常宝贵的，所以我试图让快捷方式是这样的：

活生生的例子：http://jsfiddle.net/nqeUN/

var d = "document" , 
    t = "getElementByTagName" , 
    d = "div" , 
    oc = "onclick"; 
d[t](d)[0].oc = function(){ 
    alert("1"); 
} 

，但它不工作，是什么原因？我可以在谷歌，加上API看到，所有的对象都是这样定义，作为字符串，他们是如何使它发挥作用？

Answer 1

字符串将适用于属性，但不适用于变量名称。您还需要定义d两次，并使用错误的方法名称。你将能够做到这一点：

var d = 'document', t = 'getElementsByTagName', div = 'div', oc = 'onclick'; 

window[d][t](div)[0][oc] = function() { ... } 

但是这确实降低了可读性，是没有必要的。您可以通过最小化程序运行您的代码以自动获取该代码，并仍然保持可读的开发代码。

Answer 2

因为变量d是一个字符串;和String对象不具有getElementByTagName方法。

此外，您的d变量正在重新声明为字符串div;所以你需要将它赋值给一个不同的名称：

var d = "document" , 
    t = "getElementByTagName" , 
    e = "div" , 
    oc = "onclick"; 

然后，你需要访问window对象，并检索document属性的它：

window[d] 

检索Document元素，然后检索从它的getElementsByTagName方法（读的getElements不getElement）

window[d][t] 

然后，您可以调用它，并将它传递的元素的名称，检索返回数组的第一个值，并分配一个功能到其onclick属性：

window[d][t](e)[0][oc] = function() { 
    alert("1"); 
}; 

Answer 3

d是一个字符串，而不是document。

您应该编写var d = document以获得实际的document对象。

---

但是，你不应该自己做这个;它使完全无法读取代码。

相反，您应该开发普通的可读Javascript，然后使用缩小器（例如Microsoft AjaxMin或Google Closure Compiler）在生产中尽可能自动缩小代码。

Answer 4

var d = "document", 
    t = "getElementsByTagName" , 
    div = "div" , 
    oc = "onclick"; 
window[d][t](div)[0][oc] = function(){ 
    alert("1"); 
} 

1. ）文件不是字符串
2. ）文档[ 'getElementByTagName']。呼叫（这一点， 'DIV'）
3. ）.存取变为托架因为OC是一个字符串不是物业
4. ）你曾经两次var d
5. ）这是getElementsByTagName，多元素

Answer 5

有一对夫妇，你需要解决

• 问题，你必须绑定到d两个值："document"和"div"。
• 这是getElement 小号 ByTagName
• 的getElementsByTagName功能需要一个DOM入口点不是一个字符串。切换第一d到document
• 当使用点符号为.oc它将在可变oc的值代替结合到属性oc。使用[]符号代替

代码：

var d = document , 
    t = "getElementsByTagName" , 
    div = "div" , 
    oc = "onclick"; 

d[t](div)[0][oc] = function(){ 
    alert("1"); 
} 

工作小提琴：http://jsfiddle.net/nqeUN/1/

Answer 6

如果更换您的示例中的值，你会看到：

"document".getElementsByTagName("document").onclick = function() {}; 

1。 ）d应该设置为全局文档引用，而不是字符串'document'

var d = window.document; 

2）getElementsByTagName收益匹配包含给定的DOM节点中的给定标记名称的节点，所以通过“文件”作为一个字符串会寻找名为“文件”的HTML元素。你需要找到的div，例如：

d.getElementsByTagName("div"); // All the 'div' elements in the document 

3）对于方法名使用字符串，它们需要在括号

document[ t ]; // document.t won't work, t is not a member 

4）一旦你访问你关心的节点，则需要通过他们循环，事件处理程序添加到每个元素

var d = document.getElementsByTagName("div"), 
    i = 0, 
    len = d.length; 

for (; i < len; i++) { 
    (function() { 
     // do something with d[i], the current element in the loop 
    })(i) 
} 

希望帮助！干杯。

Answer 7

完全字符串疯狂http://jsfiddle.net/nqeUN/8/

"document"["gg"]()["getElementsByTagName"]("div")["0"]["onclick"] = function(){alert(1);};