Question

我想动态地添加更多li元素，例如第一个元素，即按下按钮。以下是jsfiddle

上的一个不实用的示例

document.onload = init;
function init(){
  document.getElementById('add').onclick = add;
}
function add(){
  var el = document.getElementById('list');
  var node = document.createElement("li");
  var link = document.createElement("link");
  link.setAttribute('href', 'www.google.it');
  link.setAttribute('name', 'link');
  node.appendChild(link);
  el.appendChild(node);
}

<ul id="list">
  <li>
    <a href="www.google.it">link</a>
  </li>
</ul>
<button id="add">Add link</button>

Answer 1

此处固定小提琴：https://jsfiddle.net/overlord_tm/jj3j356y/6/

您可能想要创建a元素，而不是link。此外，您要设置innerText属性，而不是name属性。正如Rayon所提到的，使用window.onload

Answer 2

＆＃13;

window.onload = init;
function init(){
  document.getElementById('add').onclick = add;
}
function add(){
  var el = document.getElementById('list');
  var node = document.createElement("li");
  var link = document.createElement("a");
  link.setAttribute('href', 'www.google.it');
  link.innerHTML = "link";
  node.appendChild(link);
  el.appendChild(node);
}

＆＃13;

<ul id="list">
  <li>
    <a href="www.google.it">link</a>
  </li>
</ul>
<button id="add">Add link</button>

＆＃13;

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

2 个答案: