介绍 & lt; textarea name=啊? id=啊?关口=?0”,行=?0“祝辞& lt;/textarea>
& lt; button>发表留言& lt;/button>
& lt; ul> & lt;/ul> & lt; style>
,,,*,{
,,,,,保证金:,0;
,,,,,填充:,0;
,,,}
,,,body {
,,,,,填充:,100 px;
,,,}
,,,textarea {
,,,,,宽度:,200 px;
,,,,,身高:,100 px;
,,,,,边界:,1 px solid # 000;
,,,,,:轮廓,没有;
,,,,,调整:,没有;
,,,}
,,,ul {
,,,,,margin-top:, 50 px;
,,,}
,,,li {
,,,,,宽度:,300 px;
,,,,,填充:,5 px;
,,,,,背景颜色:,rgb (245,, 209,, 243);
,,,,,颜色:,红色;
,,,,,字体大小:,14 px;
,,,,,保证金:,15 px 0;
,,,}
,,,li a {
,,,,,浮动:,;
,,,,,宽度:,40像素;
,,,,,身高:,20 px;
,,,,,text-align:,中心;
,,,,,文字修饰:,没有;
,,,,,背景颜色:,# fff;
,,,,,边界:,1 px solid # ccc;
,,,,,颜色:,# 000;
,,,}
& lt;/style> & lt; script>//点才能击按钮之后,就动态创建一个li 添加到ul里面//才能创建李的同时,把文本域里面的值通过li.innerHTML赋值给李//才能获取元素
var 才能;text =, document.querySelector(& # 39;文本区域# 39;);
var 才能;btn =, document.querySelector(& # 39;按钮# 39;);
var 才能;ul =, document.querySelector (& # 39; ul # 39;);//才能创建事件
时间=btn.onclick 才能;function (), {
,,,if (text.value ==, & # 39; & # 39;), {
,,,,,return 假;
,,,},{else
,,,,,//1。创建
,,,,,var li =, document.createElement(& # 39;李# 39;);
,,,,,//先有li 再赋值,,
,,,,,li.innerHTML =, text.value +, & # 39; & lt; a href=癹avascript:“, rel=癳xternal nofollow",在删除& lt;/a> & # 39;;
,,,,//2。添加
,,,,,ul.appendChild(李);,//在后面追加
,,,,,//,ul.insertBefore (li ul.children[0]);,动态在前面追加
,,,,,//3。删除元素,删除当前链接的li 他的父亲
,,,,,var as =, document.querySelectorAll(& # 39;一个# 39;);
,,,,,,(var 小姐:=,0;i
这篇文章主要介绍JavaScript实现动态留言板的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
具体内容如下
效果图展示:
思路
html代码
css代码
js代码
以上是“JavaScript实现动态留言板的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
