JavaScript实现简单评论功能

本文实例为大家分享了Java脚本语言实现简单评论功能的具体代码，供大家参考，具体内容如下

！DOCTYPE html html heartheta charset=' UTF-8 ' title/title style type=' text/CSS ' body {/* background-image : URL(./img/91r 58 pic3n 2 _ 1024。jpg)；*/} # div 1 { margin : auto；border: 1px米色固体；宽度： 512像素；文本对齐：右侧；} ul { list-style-type : no；列表样式-图像：网址(./img/头香。巴布亚新几内亚)；}.盒子{宽度： 400像素高度： 150像素；/*背景-颜色：黄色；*/border: 1px深灰色固体；边界半径： 30px相对位置：}.盒子头香{宽度： 80px高度： 80px背景-图像：网址（./img/头香。巴布亚新几内亚)；背景尺寸： 100% 100%;绝对位置：left: 10pxtop: 10px}。盒子。程妮{ width : 80px h8 :25 px/*背景-颜色：红色；*/position:绝对值；left : 10 pxtop : 100 pxfont-size : 12px；文本对齐：中心；线高： 25px}.盒子平伦{宽度： 290像素高度： 80px/*背景-颜色：青色；*/position:绝对值；top: 10pxright: 10px}。盒子。石坚{宽度： 200像素高度： 25px/*背景-颜色：绿色；*/position:绝对值；top : 100 pxleft :100 px }/style script window。onload=function(){ var OTxt=document。getelementbyid(' txt ')；var oBtn=文档。getelementbyid(' BTN 1 ')；var oul 1=文档。getelementbyid(' ul1 ')；奥宾。onclick=function(){ var oBox=document。创建元素(' div ')；oBox.className=' box//创建头像var Odiv=文档。创建元素(' div ')；oDiv.className=' touxiangobox。appendchild(Odiv)；var Odiv=文档。创建元素(' div ')；奥迪夫程妮；oDiv.innerHTML='指尖微凉*';obox。appendchild(Odiv)；var Odiv=文档。创建元素(' div ')；奥迪夫。类名=' ping LUN奥迪夫。innerhtml=otxt。价值；obox。appendchild(Odiv)；var Odiv=文档。创建元素(' div ')；奥迪夫石坚；var oDate=新日期();//HuIt。GetFullyearOdiv。InnerHTMl='评论时间' oDate.getFullYear()'年(HuIt。‘GetMountain’月' oDate.getDate()'日a href=' javascript: '删除/a '；obox。append child(OdiV)；oul 1。append child(ObOx)；/*oBox.insertBefore(oUl1，oDiv[0])；*/var Aa=Odiv。GetElementsBytagname(' a ')；for(var I=0；iaA.lengthi ){aA[i].onclick=function(){ Odiv。移除子(这个。父节点)；} } } }/脚本/脚本/标题dyh 2 align=' center '网易云热评/H2 div id=' div 1 ' textarea cols=' 70 ' row=' 8 ' id=' txt '/textarebr/input type=' button ' value='评论id=' BTN 1 '/ul id=' ul1 '/ul/div/body/html效果图：

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