留言板

最新推荐文章于 2020-02-27 16:02:50 发布

qq_43942799

最新推荐文章于 2020-02-27 16:02:50 发布

阅读量325

点赞数

分类专栏：节点文章标签：节点

本文链接：https://blog.csdn.net/qq_43942799/article/details/89338408

版权

节点专栏收录该内容

1 篇文章 0 订阅

订阅专栏

创造留言板首先要先明确节点的创建和添加。再往留言板里添加内容的时候，添加完毕以后，留言板里的内容是要清空得，所以每发步一次内容，留言板的内容清空一次，即设置留言板的内容分为null。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>留言板</title>
</head>
<body>
    <ul class="items"></ul>
    <textarea name="" id="text" cols="30" rows="10"></textarea>
    <button "lag()">点击留言</button>
</body>
</html>
<script type="text/javascript">
        var items=document.getElementsByClassName("items")[0];
        function lag(){
            var val=text.value;//获取文本框的值。
            var li=document.createElement("li");
            li.innerHTML=val;
            items.appendChild(li);//append追加到父级元素子集的末尾。
            text.value=""; //文本域的值为空
            var btn=document.createElement("button"); //生成按钮
            btn.innerHTML="删除";
            li.appendChild(btn);//把btn放到li里面去
            li.function(){//给li添加一个点击事件，通过父节点删除里面的子节点
            items.removeChild(li);
            }
        }

qq_43942799

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
留言板

创造留言板首先要先明确节点的创建和添加。再往留言板里添加内容的时候，添加完毕以后，留言板里的内容是要清空得，所以每发步一次内容，留言板的内容清空一次，即设置留言板的内容分为null。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title&g...
复制链接

扫一扫

专栏目录