js javascript 用js修改控制无id属性的table和div的边框属性,粗细-CSDN博客


var table = document.getElementsByTagName("table");  //查找页面所有table标签  

for(var i=0;i<table.length;i++)  
{
    table.item(i).border = "0px"; //修改table的border
}

var div = document.getElementsByTagName("div");   //查找页面所有div标签    

for(var i=0;i<div.length;i++)  
{
    div.item(i).style.border = "0px";//修改div的border
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

  <script type="text/javascript" >

function update(temp)
{
	if(temp == 'table')
	{
		var table = document.getElementsByTagName("table");    
		for(var i=0;i<table.length;i++)  
		{
			table.item(i).border = "0px";
		}
	}

	if(temp == 'div')
	{
		var div = document.getElementsByTagName("div");    
		for(var i=0;i<div.length;i++)  
		{
			div.item(i).style.border = "0px";
		}
	}
}
</script>
 </HEAD>

 <BODY>
  <div style="border-width:10px;border-style:solid;height:50%;width:50%;">
<table width = "100%" border = "3">
	 <tr>   
		 <td >
			1111111
		 </td>  
	 </tr>  
</table>  
</div>
<input type = button onclick="update('table')" value=改掉table边框>
<input type = button onclick="update('div')" value=改掉div边框>
 </BODY>
</HTML>