本文介绍了用DOM实现的一个简单的留言板的方法，供大家参考，具体分析如下：

简单的留言板，如图所示，是一个自娱自乐的版本，它是用来实践DOM操作的。



关键点1：document.createelement（标签名称）新的元素

第二点：母element.appendchild（元）插入新的元素到页面的标签（在标签上显示），它将显示在浏览器。

观点三：父母element.insertbefore（元

观点四：父母element.removechild（元素）中删除指定的元素

下面，上面的代码：






非所有权文件

在window.onload =函数（）{
var OMSG = document.getelementbyid（味精）；
VaR的OBTN = document.getelementbyid（-）；
无功omsg_c = document.getelementbyid（msg_c ）；
VaR，= document.createelement（UL）；
omsg_c.appendchild（灵魂）；
obtn.onclick =函数（）{
VaR omsg.value斯瓦尔巴特群岛=；
VaR OLI = document.createelement（礼）；
oli.innerhtml =斯瓦尔巴特群岛+删除；
VaR OLI1 = oul.getelementsbytagname（礼）；
如果（OLI1。长> 0）{
oul.insertbefore（OLI，OLI1 { 0 }）；
其他{ }
oul.appendchild（OLI）；
}
OMSG价值= ''；
VaR OSPAN = document.getelementsbytagname（跨）；
对于（var i = 0；i < ospan.length；i++）{
OSPAN {我}。onclick =函数（）{
OUl.removeChild（这个父节点）；
}
}
}
}



简单的留言板







希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。