JS實(shí)現(xiàn)控制表格只顯示行邊框或者只顯示列邊框的方法
更新時(shí)間：2015年03月31日 11:14:23 作者：歐陽不瘋
這篇文章主要介紹了JS實(shí)現(xiàn)控制表格只顯示行邊框或者只顯示列邊框的方法,涉及javascript使用表格對(duì)象的rules屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)控制表格只顯示行邊框或者只顯示列邊框的方法。分享給大家供大家參考。具體分析如下：
通過下面的JS代碼你可以控制表格只顯示行與行之間的分隔線，也可以只顯示列與列之間的分隔線，主要用到了表格對(duì)象的rules屬性
<!DOCTYPE html>
<html>
<head>
<script>
function rowRules()
{
document.getElementById('myTable').rules="rows";
}
function colRules()
{
document.getElementById('myTable').rules="cols";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br>
<input type="button" onclick="rowRules()" value="Show only row borders">
<input type="button" onclick="colRules()" value="Show only col borders">
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
預(yù)防解決你不知道的JavaScript正在泄漏內(nèi)存
這篇文章主要為大家介紹了你不知道的JavaScript正在泄漏內(nèi)存預(yù)防及解決方法實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪<BR>2023-10-10
今天有工作人員反饋后臺(tái)編輯文章的時(shí)候，多按了幾下退格鍵，然后當(dāng)前編輯的頁面都返回到上一頁了，導(dǎo)致剛剛添加的內(nèi)容全部丟失，今天正好有空給整理一下2019-02-02
下面小編就為大家?guī)硪黄愃朴赒Q的右滑刪除效果的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
tracking.js實(shí)現(xiàn)前端人臉識(shí)別功能
這篇文章主要介紹了tracking.js實(shí)現(xiàn)前端人臉識(shí)別功能，本文通過實(shí)例代碼截圖的形式給大家展示的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
在JavaScript開發(fā)中，被人問到：null與undefined到底有啥區(qū)別？ 一時(shí)間不好回答，特別是undefined，因?yàn)檫@涉及到undefined的實(shí)現(xiàn)原理2012-04-04
layui實(shí)現(xiàn)下拉框三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)下拉框三級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
兼容Event對(duì)象等 拖拽類代碼2008-12-12
網(wǎng)站內(nèi)容禁止復(fù)制和粘貼、另存為的js代碼
這篇文章主要介紹了JS如何實(shí)現(xiàn)網(wǎng)站內(nèi)容如何實(shí)現(xiàn)禁止復(fù)制和粘貼、另存為,需要的朋友可以參考下2014-02-02
layer實(shí)現(xiàn)關(guān)閉彈出層刷新父界面功能詳解
這篇文章主要介紹了layer實(shí)現(xiàn)關(guān)閉彈出層刷新父界面功能,結(jié)合實(shí)例形式分析了使用layui的layer在關(guān)閉彈出層時(shí)刷新父界面的常用實(shí)現(xiàn)技巧與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2017-11-11
JavaScript上傳文件時(shí)不用刷新頁面方法總結(jié)（推薦）
這篇文章主要介紹了JavaScript上傳文件時(shí)不用刷新頁面方法，用js+css代碼詳細(xì)介紹了操作過程,需要的朋友可以參考下2017-08-08