JavaScript简单实现的仿微博留言功能示例

来源：懂视网责编：小采时间：2020-11-27 22:01:59

JavaScript简单实现的仿微博留言功能示例

JavaScript简单实现的仿微博留言功能示例:本文实例讲述了JavaScript简单实现的仿微博留言功能。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>微博留言</title

推荐度：

点击下载本文 文档为doc格式

导读JavaScript简单实现的仿微博留言功能示例:本文实例讲述了JavaScript简单实现的仿微博留言功能。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>微博留言</title

本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行结果：

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

JavaScript简单实现的仿微博留言功能示例

推荐度：

点击下载本文 文档为doc格式

标签：微博评论留言功能

热门焦点

JavaScript简单实现的仿微博留言功能示例

JavaScript简单实现的仿微博留言功能示例

JavaScript简单实现的仿微博留言功能示例

最新推荐

猜你喜欢

热门推荐