js 简单版发布留言 案例

 1 
 2 "en">
 3 
 4     "UTF-8">
 5     "X-UA-Compatible" content="IE=edge">
 6     "viewport" content="width=device-width, initial-scale=1.0">
 7     
 8 
 9 
10     ""</span> id=<span style="color: rgba(128, 0, 0, 1)">""</span> cols=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">30</span><span style="color: rgba(128, 0, 0, 1)">"</span> rows=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">10</span><span style="color: rgba(128, 0, 0, 1)">"</span>>
11     提交
12     

13 
14     
15     
40 
41 

知识点总结：
1.创建元素节点
var li = document.createElement('li')
2.增加节点 node.appenChild(child)   node父级  child是子级 此操作为追加元素
var ul = document.querySelector('ul');
ul.appendChild('li');
3.增加节点 node.insertBefore(child,指定元素)
var lili = document.createElement('li')；
ul.insertBefore(lili,ul.children[0]);
过程：1.创建元素 2.添加元素，指定添加的位置
4.删除节点 node.removeChild(child)
var ul = document.querySelector('ul'); //获取元素
ul.removeChild(ul.children[0]);		//删除元素
注意：删除父节点中的某一个子节点
5.复制节点 node.clone.Node()
var ul = docment.querySelect('ul')
//node.cloneNode();括号为空或者里面是false 浅拷贝，只是复制里面的标签，并不复制内容
//如果想深拷贝，也就是连同内容一起拷贝的话，在括号内增加一个true即可 即node.cloneNode(true);
var lis = ul.children[0].cloneNode();//拷贝第一个li的标签
ul.appendChild(lis);                 //追加一个复制的标签及内容