Javascript 将列表元素动态添加到ul元素
我想动态地添加更多li元素,如第一个元素,即按下按钮。下面是一个不起作用的示例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
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
文件…在这里摆弄。。。