JavaScript简单实现的仿微博留言功能示例
作者：黎成诃月 发布时间：2024-04-17 10:01:33
标签：JavaScript,仿微博留言
本文实例讲述了JavaScript简单实现的仿微博留言功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>微博留言</title>
</head>
<script>
window.onload=function(){
var text=document.getElementById('text');
var btn =document.getElementById('btn');
var oul =document.getElementsByClassName('content')[0];
btn.onclick=function(){
var oli= document.createElement('li')
oli.innerHTML=text.value;
var arr= document.getElementsByTagName('li');
if(arr.length>0){
oul.insertBefore(oli,arr[0])
}else{
oul.appendChild(oli)
}
}
}
</script>
<body>
<input type="text" placeholder="请输入您的留言" id="text" />
<input type="button" value="留言" id="btn">
<ul class="content">
</ul>
</body>
</html>
使用在线HTML/CSS/JavaScript代码运行工具：http://tools.aspxhome.com/code/HtmlJsRun测试上述代码，可得如下运行结果：
希望本文所述对大家JavaScript程序设计有所帮助。
来源：https://blog.csdn.net/weixin_40292626/article/details/82221402
0
投稿猜你喜欢
- 来自Usability Post的Categories vs Tags作者认为“就博客而言，标签没有太大意义。”I don’t think
- 音频文件放入和.py文件同级的目录下import winsound # 导入此模块实现声音播放功能import time # 导入此模块，获
一、算法构造1.简单介绍一下knn算法KNN算法，也叫K最近邻算法。功能是分类。算法逻辑非常简单，说直白点就是：先找到跟你最近的k个邻居(假- 这篇文章主要介绍了python如何实现单链表的反转,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可
- 本文给大家介绍使用js实现下拉菜单可选择互相移动并实现菜单排序，代码简单易懂，具有参考价值，先给大家展示下效果图，感觉还很满意请参考本段代码
- 在oracle中创建一个函数，本来是想返回一个index table的，没有成功。想到文本也可以传输信息，就突然来了灵感，把返回值设置文本格
- python开启debug模式的代码如下所示：import requests session = requests.session()imp
- 就在前几天还是二十多度的舒适温度，今天一下子就变成了个位数，小编已经感受到冬天寒风的无情了。之前对获取天气都是数据上的搜集，做成了一个数据表
- 近日在做门户的用户评论时，好长时间没有用jquery了正好用一下，没想到偷工用了post方法去处理ajax回调的json数据，死活取不到，后
- 前言： 在 MySQL 运维过程中，锁等待和死锁问题是令各位 DBA 及开发同学非常头痛的事。出现此类问题会造成业务回滚、卡顿等故
- 前言个人一直觉得对学习任何知识而言，概念是相当重要的。掌握了概念和原理，细节可以留给实践去推敲。掌握的关键在于理解，通过具体的实例和实际操作
- Python是一种面向对象的解释型计算机程序设计语言。Python是纯粹的自由软件， 源代码和解释器CPython遵循 GPL（GNU Ge
- 从句法上看，协程与生成器类似，都是定义体中包含 yield 关键字的函数。可是，在协程中， yield 通常出现在表达式的右边（例如， da
- 本文实例为大家分享了python实现udp传输图片的具体代码，供大家参考，具体内容如下首先要了解UDP的工作模式对于服务器，首先绑定IP和端
- 远程服务器配置可以使得数据库管理员在服务器以外的主机上连接到一个SQL Server实例，以便管理员在没有建立单据连接的情况下在其他的SQL
- 占位符通过占位符，可以指定格式进行输入或输出，以下为 fmt 标准库里的占位符：普通占位符占位符描述举例结果％v默认格式的值fmt.Prin
- 前言在跟进需求的时候，往往涉及到测试，特别是需要用到身份信息的时候，总绕不开身份证号码这个话题。之前在跟一个互联网产品的时候，需要很多身份证
- ImageDataGenerator位于keras.preprocessing.image模块当中,可用于做数据增强,或者仅仅用于一个批次一
- 现在有一个xml，格式如下： <date> <item> <id> 1 </id> <
- 笔者之前在学习TensorFlow，也在自己的笔记本上完成了安装，在PyCharm中进行学习。但是最近为了使用python的科学计算环境，我
