javascript将元素添加到li标签

Question

嗨我想在按下链接时向LI添加元素 我可以像这样添加元素到DIV

我也见过这个问题Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?

html代码

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

它的效果很好 但如果我将html代码从div更改为li

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