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
投稿猜你喜欢
- 如果直接执行SQL语句或者参数绑定则不用担心太多，如以下ORACLE存储过程 create or replace&nbs
- 一、.NET Framework Data Provider for SQL Server类型：.NET Framework类库使用：Sys
我想将一个二维数组横纵列转过来，我就不信只有我有这个需求，可是百度了好久，四海八荒都找遍了……后来证明还是大神说的google好用 ~ 第一- 本文实例为大家分享了Python实现简单飞机大战的具体代码，供大家参考，具体内容如下功能玩家飞机可以移动，可以发射 * ，敌机随机产生，自由坠
- 读取剪贴板上的数据先给大家介绍pandas.read_clipboard，从剪贴板读取文本并传递到Read_csv。pandas.read_
- 之前博客有用logstash-input-jdbc同步mysql数据到ElasticSearch，但是由于同步时间最少是一分钟一次，无法满足
- 一、数字类型内置方法1.1 整型的内置方法作用描述年龄、号码、id号定义方式x = 10x = int('10')x = i
- 本文实例讲述了Python enumerate函数功能与用法。分享给大家供大家参考，具体如下：eunmerate在英文中是列举、枚举的意思，
- 由于 MySQL 5.7 版本的 root 密码是首次启动时随机生成的，并且还要求必须修改后才能使用，所以有了本文：使用 shell 脚本完
- 1. 在linux上安装psiblast最好新建一个python环境，因为我发现conda安 * last默认的是python==3.6.11
- 一、ROC与AUC很多学习器是为了测试样本产生的一个实值或概率预测，然后将这个预测值与一个分类阈值（threshold）进行比较，若大于阈值
- 环境系统：win10cpu：i7-6700HQgpu：gtx965mpython : 3.6pytorch ：0.3数据下载来源自Sasan
- DW2004的中文乱码情况你遇到过么？乱码一般是怎么出现的呢？也许很多时候用其他软件（比如Editplus）写程序的时候，忘了meta标签里
- rabbitmq中文翻译的话，主要还是mq字母上：Message Queue，即消息队列的意思。前面还有个rabbit单词，就是兔子的意思，
- python 包含子目录中的模块方法比较简单，关键是能够在sys.path里面找到通向模块文件的路径。下面将具体介绍几种常用情况： （1）主
- 0.引言利用python开发，借助Dlib库进行人脸识别，然后将检测到的人脸剪切下来，依次排序显示在新的图像上；实现的效果如下图所示，将图1
- 1：在终端下：mysql -V。 以下是代码片段：[shengting@login ~]$ mysql -Vmysql Ver 14.7 D
- 一、基础理论1、TensorFlowtensor：张量（数据）flow：流动Tensor-Flow：数据流2、TensorFlow过程Ten
- 一、模块概述模块指的是包含python代码的文件，也就是一个.py文件就是一个模块。文件夹（directory）---->包（pack
- nn.Module中定义参数：不需要加cuda，可以求导，反向传播class BiFPN(nn.Module): def __i
