0
点赞
收藏
分享

微信扫一扫

DOM增删改方法

罗蓁蓁 2022-04-07 阅读 57
java

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");

		}
举报

相关推荐

0 条评论