javascript - javascript将元素添加到li标签

Question

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

我也看到过这个问题JavaScript 链接应该使用哪个“href”值，“#”还是“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()"

• 您没有禁止链接的默认操作（即重定向）。尝试添加href="#"以防止它移动并添加return false到函数的末尾。

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