input文本框中输入内容，将输入的内容通过点击“添加”按钮后添加到div中；点击“删除”按钮从div中删除选中元素，点击修改将删除修改为文本。

Sunny.982

已于 2022-10-12 09:35:54 修改

阅读量1.2k

点赞数 6

分类专栏：码农文章标签： html 前端 javascript

于 2022-10-12 09:30:01 首次发布

本文链接：https://blog.csdn.net/qq_56244419/article/details/127275566

版权

效果展示

HTML代码:

<body>
    <input type="text">
    <button>添加</button>
    <div class="content">

    </div>
</body>

Script代码

//点击添加按钮在后面content对应的div添加对应的内容
        //1.获取元素input 按钮div
        var Input = document.querySelector('input')
        var Btn = document.querySelector('button')
        var Content = document.querySelector('.content')
        //2.给按钮添加点击事件在点击事件内获取输入框的value值
        Btn.onclick = function () {
            //获取输入框的value值
            var value = Input.value