标签：options 元素 cte 页面 sel 空间 stc 解决 end
【创建和删除节点】
1.如何创建节点：（创建元素节点）3步：
1.先创建空元素对象：
var newElem=document.createElement("标签名");
2.设置必要属性：
newElem.属性名="值";
newElem.innerHTML="文本";
3.将新元素对象挂载到指定父元素下：
- 追加：parent.appendChild(newElem); ***只有向已经存在页面中的元素追加新节点才会渲染；
- 插入：parent.insertBefore(新,firstChild);
2.创建文档片段： documentfragment;
文档片段：内存中，临时存贮多个子节点的空间；
使用：反复追加多个平级元素；
解决：将所有平级元素追加到文档片段中，将文档片段一次性追加到父元素下；文档片段不参与追加；
var fragment=document.createDocumentFragment();
3.删除节点：
- parent.removeChild(oldElem);-->oldElem.parentNode.removeChild(oldElem);
4.替换节点：
- parent.replaceChild(new,old);
onchange：当内容发生改变时触发；
select对象：selectedIndex;选项的下标；
【HTML DOM常用对象】
1.table
- 属性：
tHead tFoot tBodis
rows:获得表中所有行对象；
rows[i]-->某一行；
rowIndex:当前行下标的位置，用于删除行；
TableRow对象：代表table对象中的某一个tr对象；
table.rows集合，就是一组TableRow对象的集合；
cells：当前行中所有td对象；
cells[i]：
cellIndex:
- 方法：
tbody.insertRow(rowIndex):rowIndex写-1；在末尾追加；没有给创建文档片段的机会；*** 创建和挂载
deleteRow(rowIndex);
tr.insertCell(index);--》只能创建td*** 创建和挂载
deleteCell(rowIndex);
2.select对象
- options:select下所有的option；
options[i];
selectedIndex:获得当前选中的option的下标；
- option对象：
var newopt=new Option(innerHTML,value);创建对象，同时设置innerHTML和value；**********
- select.add(新option) 只挂载; select.add(new Option(innerHTML,value))**********
remove(index);
index:获得当前的option的下标，用于删除
selected:
3.form对象
- 找到form对象
var form=document.forms[i/name];
var element=form.elements[i/name];
事件：onsubmit:在正式提交表单前自动触发；
Unit03： 增加、删除和替换节点 、 常用 HTML DOM 对象
标签：options 元素 cte 页面 sel 空间 stc 解决 end
原文地址：http://www.cnblogs.com/mbyund/p/6406909.html
