JS動態(tài)改變表格邊框?qū)挾鹊姆椒?/h1>
更新時間：2015年03月31日 11:28:51 作者：歐陽不瘋
這篇文章主要介紹了JS動態(tài)改變表格邊框?qū)挾鹊姆椒?實例分析了javascript操作table表格中border屬性的技巧,需要的朋友可以參考下
本文實例講述了JS動態(tài)改變表格邊框?qū)挾鹊姆椒?。分享給大家供大家參考。具體如下：
下面的JS代碼通過表格對象的border屬性修改表格邊框?qū)挾?/p>
<!DOCTYPE html>
<html>
<head>
<script>
function changeBorder()
{
document.getElementById('myTable').border="10";
}
</script>
</head>
<body>
<table border="1" id="myTable">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br>
<input type="button" onclick="changeBorder()"
value="Change Border">
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:- js動態(tài)修改表格行colspan列跨度的方法
- JavaScript動態(tài)改變表格單元格內(nèi)容的方法
- JS實現(xiàn)向表格中動態(tài)添加行的方法
- JS實現(xiàn)從表格中動態(tài)刪除指定行的方法
- JS動態(tài)修改表格cellPadding和cellSpacing的方法
- javascript動態(tài)創(chuàng)建表格及添加數(shù)據(jù)實例詳解
- Javascript動態(tài)創(chuàng)建表格及刪除行列的方法
- 原生JS和JQuery動態(tài)添加、刪除表格行的方法
- JavaScript如何動態(tài)創(chuàng)建table表格
- JS實現(xiàn)動態(tài)生成表格并提交表格數(shù)據(jù)向后端
- JS實現(xiàn)動態(tài)表格的添加，修改，刪除功能(推薦)
相關文章
-
使用 JavaScript 創(chuàng)建并下載文件(模擬點擊)
本文將介紹如何使用 JavaScript 創(chuàng)建文件，并自動/手動將文件下載，這在導出原始數(shù)據(jù)時會比較方便 2019-10-10
-
這篇文章主要介紹了深入學習JavaScript執(zhí)行上下文,文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下，希望對你的學習有所幫助 2022-08-08
-
這篇文章主要介紹了JavaScript文本特效,結合3個實例分析了javascript基于定時器的文字動態(tài)操作特效相關實現(xiàn)技巧,需要的朋友可以參考下 2018-12-12
-
Bootstrap實現(xiàn)的標簽頁內(nèi)容切換顯示效果示例
這篇文章主要介紹了Bootstrap實現(xiàn)的標簽頁內(nèi)容切換顯示效果,結合完整實例形式分析了基于Bootstrap實現(xiàn)的標簽頁內(nèi)容切換顯示功能相關操作技巧,非常簡單實用,需要的朋友可以參考下 2017-05-05
-
斷點調(diào)試是啥?難不難? 斷點調(diào)試其實并不是多么復雜的一件事,簡單的理解無外呼就是打開瀏覽器,打開sources找到js文件,在行號上點一下罷了,下面這篇文章主要給大家介紹了關于JS中6種打斷點方式的相關資料,需要的朋友可以參考下 2022-04-04
-
今天小編就為大家分享一篇layui form表單提交后實現(xiàn)自動刷新，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧 2019-10-10
-
from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action
這篇文章主要介紹了from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action,需要的朋友可以參考下 2014-04-04
-
這篇文章主要介紹了JavaScript變量提升和嚴格模式,結合實例形式分析了javascript變量提升和嚴格模式的原理及相關操作注意事項,需要的朋友可以參考下 2019-01-01
-
基于ajax與msmq技術的消息推送功能實現(xiàn)代碼
這篇文章主要介紹了基于ajax與msmq技術的消息推送功能實現(xiàn)代碼，具有一定的參考價值，有興趣的可以了解一下。 2016-12-12
-
這篇文章主要介紹了ES6的函數(shù)rest參數(shù)用法,通過一個rest參數(shù)代替arguments變量的例子,對ES6?rest參數(shù)用法講解的非常詳細,需要的朋友可以參考下 2023-08-08
最新評論
本文實例講述了JS動態(tài)改變表格邊框?qū)挾鹊姆椒?。分享給大家供大家參考。具體如下：
下面的JS代碼通過表格對象的border屬性修改表格邊框?qū)挾?/p>
<!DOCTYPE html>
<html>
<head>
<script>
function changeBorder()
{
document.getElementById('myTable').border="10";
}
</script>
</head>
<body>
<table border="1" id="myTable">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br>
<input type="button" onclick="changeBorder()"
value="Change Border">
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
- js動態(tài)修改表格行colspan列跨度的方法
- JavaScript動態(tài)改變表格單元格內(nèi)容的方法
- JS實現(xiàn)向表格中動態(tài)添加行的方法
- JS實現(xiàn)從表格中動態(tài)刪除指定行的方法
- JS動態(tài)修改表格cellPadding和cellSpacing的方法
- javascript動態(tài)創(chuàng)建表格及添加數(shù)據(jù)實例詳解
- Javascript動態(tài)創(chuàng)建表格及刪除行列的方法
- 原生JS和JQuery動態(tài)添加、刪除表格行的方法
- JavaScript如何動態(tài)創(chuàng)建table表格
- JS實現(xiàn)動態(tài)生成表格并提交表格數(shù)據(jù)向后端
- JS實現(xiàn)動態(tài)表格的添加，修改，刪除功能(推薦)
相關文章
-
使用 JavaScript 創(chuàng)建并下載文件(模擬點擊)
本文將介紹如何使用 JavaScript 創(chuàng)建文件，并自動/手動將文件下載，這在導出原始數(shù)據(jù)時會比較方便2019-10-10 - 這篇文章主要介紹了深入學習JavaScript執(zhí)行上下文,文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下，希望對你的學習有所幫助2022-08-08
- 這篇文章主要介紹了JavaScript文本特效,結合3個實例分析了javascript基于定時器的文字動態(tài)操作特效相關實現(xiàn)技巧,需要的朋友可以參考下2018-12-12
-
Bootstrap實現(xiàn)的標簽頁內(nèi)容切換顯示效果示例
這篇文章主要介紹了Bootstrap實現(xiàn)的標簽頁內(nèi)容切換顯示效果,結合完整實例形式分析了基于Bootstrap實現(xiàn)的標簽頁內(nèi)容切換顯示功能相關操作技巧,非常簡單實用,需要的朋友可以參考下2017-05-05 - 斷點調(diào)試是啥?難不難? 斷點調(diào)試其實并不是多么復雜的一件事,簡單的理解無外呼就是打開瀏覽器,打開sources找到js文件,在行號上點一下罷了,下面這篇文章主要給大家介紹了關于JS中6種打斷點方式的相關資料,需要的朋友可以參考下2022-04-04
- 今天小編就為大家分享一篇layui form表單提交后實現(xiàn)自動刷新，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
-
from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action
這篇文章主要介紹了from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action,需要的朋友可以參考下2014-04-04 - 這篇文章主要介紹了JavaScript變量提升和嚴格模式,結合實例形式分析了javascript變量提升和嚴格模式的原理及相關操作注意事項,需要的朋友可以參考下2019-01-01
-
基于ajax與msmq技術的消息推送功能實現(xiàn)代碼
這篇文章主要介紹了基于ajax與msmq技術的消息推送功能實現(xiàn)代碼，具有一定的參考價值，有興趣的可以了解一下。2016-12-12 - 這篇文章主要介紹了ES6的函數(shù)rest參數(shù)用法,通過一個rest參數(shù)代替arguments變量的例子,對ES6?rest參數(shù)用法講解的非常詳細,需要的朋友可以參考下2023-08-08