Question

我遇到了javascript的问题，我不知道如何解决它... 实际上我的代码与jsfiddle一起运行良好，但是当我尝试在我的HTML页面上插入时，它根本不再起作用...... 我想要的是添加＆lt;李＆GT; on＆lt; UL＆GT;每当我试图点击名为“添加”的按钮时！

HTML code：

....
<td width="50%" valign="top">
                    <b> SUPER: </b>
                    <ul id="ul">

                    </ul>
</td>
....
<input type="submit" value="Add" onclick="add()"/>
....

JavaScript代码：

<script type="text/javascript">
                        function add(){
                            var ul = document.getElementById("ul");
                            var li = document.createElement("li");
                            li.innerHTML = "LoL";
                            ul.appendChild(li);
                    }
 </script>

该代码的结果：当我尝试按下按钮时，它不会在我的HTML页面上添加任何内容... 幸运的是，

Answer 1

可能过于简单了，但是这里有一个想法：你的输入按钮是一个提交，所以当onClick执行时，提交立即发生，将页面恢复到原始状态。过程发生得如此之快，外观是代码什么也没做。

只需将输入类型更改为“按钮”，例如

<input type="button">

如何使用纯javascript </ul> </li>在<ul>上插入<li>元素

1 个答案: