JavaScript的元素添加到L1標籤

Question

您好我想添加元素，以李的鏈接
上按我喜歡這個

我已經看到了這個問題太Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?

HTML代碼元素添加到一個DIV時

<div id="div"> 
<a href="" onclick="add()">add</a> 
</div> 

JavaScript代碼

function add(){ 

    var bigDiv = document.getElementById('div'); 
    var input = document.createElement('input'); 
    input.setAttribute('type', 'text'); 
    bigDiv.appendChild(input); 
    } 

和它的作品好
但如果我從DIV更改HTML代碼，以利這樣

HTML代碼

<ul> 
<li id="li"> 
<a href="" onclick="add()">add</a> 
</li> 
</ul> 

的JavaScript

function add(){ 
var bigLi = document.getElementById('li'); 
var input = document.createElement('input'); 
input.setAttribute('type', 'text'); 
bigLi.appendChild(input); 
} 

它不工作
我確保沒有語法錯誤

Answer 1

檢查您的HTML：

• 你沒有關閉</a>
• 您的onclick代碼不裹""像onclick="add()"

• 你沒有抑制鏈接的默認操作（這是重定向）。嘗試adding href="#"以防止它移開並且add return false到該函數的結尾。

  <a href="#" onclick="add()">a</a> 
  
  //AND 
  
  function add(){ 
      ... 
      return false; 
  }