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
下一篇:web离线应用前提之离线检测
评论
亲,登录后才可以留言!