web前端|js教程

js,DOM,留言板

web前端-js教程

一元店源码app下载,ubuntu显卡启动黑屏,tomcat怎么查看配置文件,爬虫项目计划面试,为什么现在php都转go,seo 反连接lzw

如图所示简易留言板，也就是自娱自乐版，说白了就是练习DOM操作。

java源码运行,ubuntu批量移动文件,帆软tomcat依然提示,爬虫教学教程,php前端开发简历,seo报价查询seo博客lzw

要点一：document.createElement(“标签名”) 新建元素

在线表白网页制作源码,vscode的html,ubuntu屏幕不适配,禁用tomcat用户,sqlite3stmt,jquery垂直轮播插件,前端框架哪个有发展,网络爬虫好学吗,php 生成 图片,seo百度360,和懒人图库类似的免费网站模板,网页框架和模板,织梦二维码导航模板,java 页面编辑器,作业管理系统asp,spi读写程序lzw

要点二：父元素.appendChild(“元素”) 把新建的元素插入到页面的标签中（在标签的最后一个显示），这样才会在浏览器中显示出来

要点三：父元素.insertBefore(“元素”,”要插入哪个元素的前面”) 把新建的元素插入到页面中指定的标签前面，这样后面输入的内容才会显示到前面

要点四：父元素.removeChild(“元素”) 删除指定元素

下面，上代码：

window.onload = function(){ var oMsg = document.getElementById("msg"); var oBtn = document.getElementById("btn"); var oMsg_c = document.getElementById("msg_c"); var oUl = document.createElement("ul"); oMsg_c.appendChild(oUl); oBtn.onclick = function(){ var sVal = oMsg.value; var oli = document.createElement("li"); oli.innerHTML = sVal + " 删除"; var oli1 = oUl.getElementsByTagName("li"); if(oli1.length>0){ oUl.insertBefore(oli,oli1[0]); }else{ oUl.appendChild(oli); } oMsg.value=\; var oSpan = document.getElementsByTagName("span"); for(var i=0; i<oSpan.length; i++){ oSpan[i].onclick = function(){oUl.removeChild(this.parentNode); } } }}

简易留言板