DOM增删改方法
增加
function insertRow2(){
//获取要操作的表格对象
var mtTable= document.getElementById("myTable");
//获取总行数
var rows=mtTable.rows;
//在表格的最后一行增加并且产生一个新行
var newRow=mtTable.insertRow(rows.lenght);
//增加第一个单元格
var c0=newRow.insertCell(0);
//用户输入
var name=prompt("请输入你要增加的书名");
//往第一个单元格赋值
c0.innerHTML=name;
//增加第er个单元格
var c1=newRow.insertCell(1);
//由用户自己输入
var name=prompt("请输书的价格");
//往第一个单元格赋值
c0.innerHTML="¥"+name;
//设置新增行的样式:文本居中
newRow.setAttribute("class","row");
}
删除
function delRow(){
//获取要操作的表格对象
var myTable=.getElementById("myTable");
//删除下标为2的行
myTable.deleteRow(2)
}
修改
//修改标题的样式
function changeTitle(){
//先获取标题所在的行
var row=document.ElementById("row1")
//给行添加属性
row.setAttribute("calss"."title");
}