リスト要素をul要素に動的に追加する

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を作成したいです。また、name属性の代わりにinnerTextプロパティを設定したいとします。レーヨンが述べたように、window.onload

Answer 2

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); 
 
}

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