| <!DOCTYPE html> | |
| <html> | |
| <head lang="en"> | |
| <meta charset="UTF-8"> | |
| <title>课工场论坛列表</title> | |
| <link href="css/bbs.css" rel="stylesheet"> | |
| <script> | |
| function fa() { | |
| document.getElementById("post1").style.display="block"; | |
| //alert("aaa"); | |
| } | |
| function touxiang () { | |
| let tou = new Array("tou01.jpg","tou02.jpg","tou03.jpg","tou04.jpg"); | |
| let suiji =parseInt(Math.random()*4); | |
| return tou[suiji]; | |
| } | |
| function chu() { | |
| document.getElementById("post1").style.display="none"; | |
| let s =document.getElementsByTagName("ul")[0]; | |
| let a =document.createElement("li"); | |
| let b =document.createElement("div"); | |
| let c =document.createElement("img"); | |
| let d =document.createElement("h1"); | |
| let e =document.createElement("p"); | |
| let f =document.createElement("span"); | |
| s.appendChild(a); | |
| a.className=".bbs section ul li"; | |
| a.appendChild(b); | |
| b.className = ".bbs section ul li div"; | |
| b.appendChild(c); | |
| c.className = ".bbs section ul li div img"; | |
| c.src = "images/" + touxiang(); | |
| a.appendChild(d); | |
| d.className = ".bbs section ul li h1"; | |
| d.innerHTML = document.getElementById("title").value; | |
| a.appendChild(e); | |
| e.className = ".bbs section ul li p"; | |
| e.innerHTML = "版块：" + document.getElementsByTagName("select")[0].value; | |
| e.appendChild(f); | |
| f.className = ".bbs section ul li p span"; | |
| /* let title = document.getElementById("title")[0].value; | |
| let Block =document.getElementsByTagName("select")[0].value; | |
| let content =document.getElementsByClassName("content")[0].value;*/ | |
| let myDate =new Date(); | |
| let Time = myDate.getFullYear() + "-" + (myDate.getMonth()+1)+ "-" + myDate.getDate() + " " + myDate.getHours() + ":" + myDate.getMinutes(); | |
| f.innerHTML = "发表时间：" + Time; | |
| // alert(Time); | |
| document.getElementById("title").value = ""; | |
| document.getElementsByTagName("select")[0].value = ""; | |
| //document.genElementById("content").value=""; | |
| document.getElementsByClassName("content")[0].value=""; | |
| s.insertBefore(a, s.firstElementChild); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div class="bbs"> | |
| <header><span onclick="fa()">我要发帖</span></header> | |
| <section> | |
| <ul></ul> | |
| </section> | |
| <div class="post" id="post1"> | |
| <input class="title" id="title" placeholder="请输入标题（1-50个字符）"> | |
| 所属版块：<select id="Block"><option>请选择版块</option><option>电子书籍</option><option>新课来了</option><option>新手报到</option><option>职业规划</option></select> | |
| <textarea class="content" id="content"></textarea> | |
| <input class="btn" value="发布" onclick="chu()"> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |