document.createElement(Tag)，Tag必须是合法的HTML元素
DOM复制节点的方法：节点cloneNode(boolean deep)，当deep为true时，表示复制当前节点以及当前结点的全部后代节点。为false时，只复制当前节点。
DOM添加、删除节点的方法：| appendChild(newNode) | 将newNode添加成当前节点的最后一个子节点 |
| insertBefore(newNode,refNode) | 将refNode节点之前插入newNode节点 |
| replaceChild(newNode,oldNode) | 将oldNode节点替换成newNode节点 |
| removeChild(oldNode) | 将oldNode子节点删除 |
| new Option(text,value,defaultSelected,selected) |
该构造器有4个参数，说明如下：
| text | 该选项的文本、即该选项所呈现的“内容” |
| value | 选中该选项的值 |
| defaultSelected | 设置默认是否显示该选项 |
| selected | 设置该选项当前是否被选中 |
直接为<select>的的指定选项赋值
| 列表框或下拉菜单对象.options[i]=创建好的option对象 |
| 列表框或下拉菜单对象.remove(index)或对象.options[index]=null |
| insertRow(index) | 在指定索引位置插入一行 |
| createCaption() | 为该表格创建标题 |
| deleteRow(index) | 删除表格中index索引处的行 |
| deleteCaption() | 删除表格标题 |
| insertCell(index) | 在index处创建一个单元格，返回新创建的单元格 |
| deleteCell(index) | 删除某行在index索引处的单元格 |
<!DOCTYPE HTML>
<HTML>
<head>
<Meta charset="utf-8">
<Title>对表格元素进行增删改 *** 作</Title>
<script type="text/JavaScript">
function createtable(){
var b=document.getElementByID("test");
var t=document.createElement("table");
t.border="1";
t.ID="mytable";
var caption=t.createCaption();
caption.INNERHTML="我的表格";
for(var i=0;i<5;i++){
var tr=t.insertRow(i);
for(var j=0;j<4;j++){
var td=tr.insertCell(j);
}
b.appendChild(t);td.INNERHTML="单元格"+i+j;
}
}
function deleteLastRow(){
var t=document.getElementByID("mytable");
if(t.rows.length>0){
t.deleteRow(t.rows.length-1);
}
}
function deleteLastCell(){
var t=document.getElementByID("mytable");
var lastRow=t.rows[t.rows.length-1];
if(lastRow.cells.length>0){
lastRow.deleteCell(lastRow.cells.length-1);
}
}
</script>
</head>
<body ID="test">
<input type="button" value="创建一个5行4列的表格" onClick="createtable()">
<input type="button" value="删除最后一行" onClick="deleteLastRow()">
<input type="button" value="删除最后一个单元格" onClick="deleteLastCell()">
</body>
</HTML>
总结以上是内存溢出为你收集整理的DOM对HTML元素的增删改 *** 作全部内容，希望文章能够帮你解决DOM对HTML元素的增删改 *** 作所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）