Javascript 将列表元素动态添加到ul元素

Javascript 将列表元素动态添加到ul元素,javascript,html,Javascript,Html,我想动态地添加更多li元素,如第一个元素,即按下按钮。下面是一个不起作用的示例 document.onload=init; 函数init(){ document.getElementById('add')。onclick=add; } 函数add(){ var el=document.getElementById('list'); var节点=document.createElement(“li”); var link=document.createElement(“链接”); link.se

我想动态地添加更多li元素,如第一个元素,即按下按钮。下面是一个不起作用的示例

document.onload=init;
函数init(){
document.getElementById('add')。onclick=add;
}
函数add(){
var el=document.getElementById('list');
var节点=document.createElement(“li”);
var link=document.createElement(“链接”);
link.setAttribute('href','www.google.it');
setAttribute('name','link');
追加子节点(链接);
el.appendChild(节点);
}
在此处添加链接
固定小提琴:

您可能想要创建一个
元素,而不是
链接
。此外,您还需要设置
innerText
属性,而不是
name
属性。如人造丝所述,使用
window.onload
window.onload=init;
函数init(){
document.getElementById('add')。onclick=add;
}
函数add(){
var el=document.getElementById('list');
var节点=document.createElement(“li”);
var link=document.createElement(“a”);
link.setAttribute('href','www.google.it');
link.innerHTML=“link”;
追加子节点(链接);
el.appendChild(节点);
}

添加链接
使用
窗口。联机加载
而不是
文档。联机加载
。。我不确定何时调用
document.onload
文件…在这里摆弄。。。