本文实例为大家分享了JavaScript实现简单评论功能的具体代码,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> & lt;/title>
& lt;风格类型=" text/css "比;
身体{/*背景图片:url (. ./img/91 r58pic3n2_1024.jpg); */}
# div1 {
保证金:汽车;
边界:1 px米色固体;
宽度:512 px;
text-align:正确;
}
ul {
list-style-type:没有;
list-style-image: url (. ./img/touxiang.png);
}
.box {
宽度:400 px;
身高:150 px;/*背景颜色:黄色;*/边界:1 px darkgray固体;
border - radius: 30 px;
位置:相对;
}
.box .touxiang {
宽度:80 px;
身高:80 px;
背景图片:url (. ./img/touxiang.png);
background-size: 100% - 100%;
位置:绝对的;
左:10 px;
上图:10 px;
}
.box .nicheng {
宽度:80 px;
高度:25 px;/*背景颜色:红色。*/位置:绝对的;
左:10 px;
前:100像素;
字体大小:12 px;
text-align:中心;
行高:25 px;
}
.box .pinglun {
宽度:290 px;
身高:80 px;/*背景颜色:青色;*/位置:绝对的;
上图:10 px;
右:10 px;
}
.box .shijian {
宽度:200 px;
高度:25 px;/*背景颜色:绿色。*/位置:绝对的;
前:100像素;
左:100 px;
}
& lt;/style>
& lt; script>
window=function () {
var oTxt=. getelementbyid (txt);
var oBtn=. getelementbyid (“btn1”);
var oUl1=. getelementbyid (“ul1”);
oBtn.onclick=function () {
var oBox=document.createElement (" div ");
oBox。className=昂凶印?//创建头像
var oDiv=document.createElement (" div ");
oDiv。className=" touxiang”;
oBox.appendChild (oDiv);
var oDiv=document.createElement (" div ");
oDiv。className=" nicheng”;
oDiv。innerHTML="指尖微凉*”;
oBox.appendChild (oDiv);
var oDiv=document.createElement (" div ");
oDiv。className=" pinglun”;
oDiv。innerHTML=oTxt.value;
oBox.appendChild (oDiv);
var oDiv=document.createElement (" div ");
oDiv。className=" shijian”;
var oDate=new日期();//oDate.getFullYear
oDiv。innerHTML="评论时间,,,,“+ oDate.getFullYear() + "年" + (oDate.getMonth() + 1) + "月" + oDate.getDate() + "日" + " & lt; a href=' javascript:,“在删除& lt;/a>”;
oBox.appendChild (oDiv);
oUl1.appendChild (oBox);/* oBox.insertBefore (oUl1 oDiv [0]); */var aA=oDiv.getElementsByTagName (“a”);
我(var=0; i< aA.length;我+ +)
{
aA[我].onclick=function () {
oDiv.removeChild (this.parentNode);
}
}
}
}
& lt;/script>
& lt;/script>
& lt;/head>
& lt; body>
& lt; h3对齐="中心"的在网易云热评& lt;/h3>
& lt; div id=癲iv1”比;
& lt; textarea关口==" 8 " id=" 70 "行“三种”祝辞& lt;/textarea> & lt; br/比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/评论" id=" btn1 "/比;
& lt; ul id=皍l1”比;
& lt;/ul>
& lt;/div>
& lt;/body>
& lt;/html>
之前
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
