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>
黑色头发:http://heisetoufa.iteye.com/