小型的js添加留言

最新推荐文章于 2022-08-26 11:59:07 发布

原创最新推荐文章于 2022-08-26 11:59:07 发布 · 772 阅读

0 ·

CC 4.0 BY-SA版权

html5 专栏收录该内容

232 篇文章

订阅专栏

本文介绍了一个简单的HTML留言功能实现方式，通过JavaScript动态地为页面添加新的留言项，并更新DOM元素来展示用户输入的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>
<ul id="ul"><li>我要留言</li></ul>
<input type="text" id="txt"/><input type="button" value="add" onclick="add()"/>
</body>
</html>
<script>
function add(){
    var ul = document.getElementById("ul");
    var li = ul.firstChild.cloneNode(true);
    var txt = document.getElementById("txt");
    li.innerHTML = txt.value;
    ul.appendChild(li);
    txt.value = "";
}
</script>