转载自:http://heisetoufa.iteye.com/blog/397269
关键字: js javascript 修改 控制 id 属性 table div 边框 粗细
- 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
- }
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 οnclick="update('table')" value=改掉table边框>
- <input type = button οnclick="update('div')" value=改掉div边框>
- </BODY>
- </HTML>