JS简易留言板

2021-04-03 02:25

阅读:374

YPE html>

标签:代码   留言板   代码块   执行   完成   html   body   div   char   



简易留言板
        留言区域:
显示留言区域:

今天简单的写了个js的留言板,现在开始讲解js代码

window.onload=function(){
//等到文本加载完成后再加载js代码
    var display_area = document.getElementById("display_area");
    //获取id为display_area的节点赋值给display_area.
    var btn = document.getElementById("btn");
    //获取id为btn的节点赋值给btn.
    btn.onclick = function(){
    //点击btn执行代码块里面的代码
        var content_val = document.getElementById("content").value;
        //获取id为content节点的值赋值给content_val.
        display_area.append(content_val);
        //把content_val添加到节点display_area里面
    };
}

JS简易留言板

标签:代码   留言板   代码块   执行   完成   html   body   div   char   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12545484.html


评论


亲,登录后才可以留言!