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