javascript 带有 onClick 函数的 AppendChild 链接

AppendChild Link with onClick function

提问by John

I'm trying to use appendChild within Javascript to create a link that has a onClick attribute. I can't seem to make it work or find how to do this simple task.

我正在尝试在 Javascript 中使用 appendChild 创建一个具有 onClick 属性的链接。我似乎无法让它工作或找到如何完成这个简单的任务。

var link=document.createElement("a");
link.appendChild(document.createTextNode("Link"));
link.href = '#';
link.onclick = 'loadScript()';
document.body.appendChild(link);

回答by Claudio Redi

You have to change

你必须改变

link.onclick = 'loadScript()';

by

经过

link.onclick = loadScript;

DEMO

演示

回答by Maral Azizi

Try this:

试试这个：

window.onload = function () {
  var files = document.getElementById('files');
  document.getElementById('addLink').onclick = function () {
    var file = document.createElement('input');
    file.type = 'file';
    files.appendChild(file);
  };
};