【JS--DOM-节点操作2】--createElement()、appendChild()、insertBefore()、自定义的insertAfter()

document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。

appendChild() 方法在节点的子节点列表末添加新的子节点。

insertBefore() 方法在节点的子节点列表任意位置插入新的节点

------------------------------------------------------------------------------------

insertBefore() 使用举例

var mubiao = document.getElementById("b");mubiao.parentNode.insertBefore(a,mubiao);

自定义的insertAfter()

function insertAfter(newEl, targetEl)        {            var parentEl = targetEl.parentNode;            if(parentEl.lastChild == targetEl){                parentEl.appendChild(newEl);            }else{                parentEl.insertBefore(newEl,targetEl.nextSibling);            }                    }

常用模块：

//创建formvar _form=document.createElement(‘form’);_form.setAttribute(‘name’,'myform’);_form.setAttribute(‘action’,”);_form.setAttribute(‘method’,'post’);//创建表var _table=document.createElement(‘table’);_table.setAttribute(‘border’, ’1′);_table.setAttribute(‘borderColor’, ‘red’);_table.setAttribute(‘width’, ’300′);_table.setAttribute(‘height’, ’100′);//创建一行var _tr=_table.insertRow(_table.rows.length);// _tr.rowIndex //当前行的行号//创建一列var _td=_tr.insertCell(_tr.cells.length);//给<td>添加文本_txt=document.createTextNode(‘Intitul’);_td.appendChild(_txt);alert(_td.contentEditable=true);//创建一个checkboxvar _input=document.createElement(‘input’);_input.setAttribute(‘type’, ‘checkbox’);_input.setAttribute(‘name’, ‘mycheck’);_input.setAttribute(‘value’, ‘ddddd’);_td.appendChild(_input);_input.defaultChecked=true;//创建一个radiovar _input=document.createElement(‘input’);_input.setAttribute(‘type’, ‘radio’);_input.setAttribute(‘name’, ‘myradio’);_input.setAttribute(‘value’, ‘ddddd’);_input.defaultChecked=true;_td.appendChild(_input);//给checkbox添加var _label=document.createElement(‘label’);_label.setAttribute(‘for’, _input);_label.appendChild(document.createTextNode(‘my check label’));_td.appendChild(_label)//创建一个button_input=document.createElement(‘button’);_input.setAttribute(‘type’, ‘submit’);_input.setAttribute(‘name’, ‘mysubmit’);_input.setAttribute(‘value’, ‘my submit’);_input.setAttribute(‘size’, ’130′);_td.appendChild(_input);//把表格附加到父容器内_form.appendChild(_table);document.body.appendChild(_form);</script>





	
				
	
					   
【JS--DOM-节点操作2】--createElement()、appendChild()、insertBefore()、自定义的insertAfter()
	  	   
js insertBefore insertAfter appendChild
	  	   
js：appendChild、insertBefore和insertAfter
	  	   
JS插入节点的方法appendChild、insertBefore
	  	   
关于createElement、appendChild和insertBefore的用法
	  	   
appendChild、removeChild、insertBefore、createElement、cloneNode的区别；
	  	   
js-操作dom树1（appendChild ()/insertBefore()）
	  	   
js节点内部插入元素的方法appendChild() insertBefore()
	  	   
JS(JavaScript)插入节点的方法appendChild与insertBefore
	  	   
JS(JavaScript)插入节点的方法appendChild与insertBefore
	  	   
JS(JavaScript)插入节点的方法appendChild与insertBefore
	  	   
对Dom树的操作 appendChild ,createElement,childNodes,createTextNode
	  	   
初学js插入节点appendChild insertBefore使用方法
	  	   
DOM操作（createElement()、createTextNode()、appendChild()）
	  	   
document.createElement()用法中appendChild()、 insertBefore()的区别
	  	   
JavaScript之appendChild、insertBefore和insertAfter
	  	   
JavaScript之appendChild、insertBefore和insertAfter
	  	   
JavaScript之appendChild、insertBefore和insertAfter
	     		  
	  	   
Gallery 3D 代码分析之概览
	  	   
php-fpm重启出现 pm.start_servers is not set解决方法
	  	   
proc目录详解
	  	   
PHPmyadmin 2.11.4万能密码
	  	   
vim配置nginx配置语法高亮技巧
	  	   
【JS--DOM-节点操作2】--createElement()、appendChild()、insertBefore()、自定义的insertAfter()
	  	   
Linux下的c编程用到的头文件
	  	   
th  td的区别
	  	   
JS时间大小比较
	  	   
创建httpRequest对象
	  	   
php判断wap客户端(手机用户)
	  	   
Linux 对拷命令scp
	  	   
android性能测试工具之dumpsys
	  	   
C++ primer第二次阅读学习笔记（第10章:关联容器）