现在很多类似以微博发布动态的效果，下面为一个用Java脚本语言写的小小的类似微博发布信息的案例

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题微博发布/title style type=' text/CSS ' * { padd : 0；保证金： 0；} ul { list-style :无；} .box { width : 600 pxh three : auto order : 1px固体# cccmargin: 100px自动；文本对齐：中心；padd : 30px 0；背景-color : rosybrown；} .文本框区域{ width: 450pxresize:无；/*设置文本不能过拖动*/} .方框li {宽度： 450像素线高： 30px边框-底部： 1px虚线# ccc左边距左侧： 80px文本-左对齐：} .阿利框{右侧浮动：}/样式脚本类型=' text/JavaScript '窗口。onload=function(){//获取数组的第一个var BTN=文档。getelementsbytagname(' button ')[0]；var txt=文档。getelementsbytagname('文本区域')[0]；var ul=文档。创建元素(' ul ')；BTN。父节点。阑尾切除术；//添加子节点btn.onclick=function (){ //1 .需要判断文本中是否有内容if(txt.value==''){ alert('亲！内容不能为空哦！');返回false//让操作就在这个地方终止} var新Li=文档。创建元素(“李”)；//创建一个新的里标签纽丽。innerhtml=txt。value ' a href=' JavaScript :'删除/a '；//给新的标签添加内容，并拼接删除已连接ul。阑尾(新李)；//清空输入框txt.value=var aa=document。getelementsbytagname(' a ')；//获取所有的a标签for(var I=0；IAA。长；i ){ //遍历点击删除aa[i].onclick=function(){ this。ParentNode。移除()；} } } }/script/head dydiv class=' box '微博发布： text area name=' id=' cols=' 30 ' row=' 10 '/text area按钮发布/button/div/body/html布局出来的样式，点击蓝色的删除链接，会删除对应的那一行内容。

陌陌说：重要知识点：获取输入框的数值，创建子节点和给子节点添加内容，删除对应的节点。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。