JS实现控制表格只显示行边框或者只显示列边框的方法,js边框

本文实例陈说了JS完结调整表格行文本对齐的法子。分享给大家供大家参照他事他说加以考查。具体如下:

JS完成调整表格行文本对齐的章程

 那篇小说重要介绍了JS实现调控表格行文本对齐的方法,涉及javascript操作表格样式的连锁技能,需求的朋友能够参见下

 

 

本文实例汇报了JS完毕调节表格行文本对齐的议程。分享给大家供大家参考。具体如下:

下边包车型大巴JS代码能够控制表格内的整行文本向左只怕向右对齐

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!DOCTYPE html>

<html>

<head>

<script>

function leftAlign()

{

document.getElementById(‘header’).align="left";

}

</script>

</head>

<body>

<table width="100%" border="1">

<tr id="header">

<th>Firstname</th>

<th>Lastname</th>

</tr>

<tr>

<td>Peter</td>

<td>Griffin</td>

</tr>

</table>

<br>

<input type="button" onclick="leftAlign()" value="Left-align table row"/>

<p><b>Note:</b> This example does not work in Internet Explorer.</p>

</body>

</html>

企望本文所述对大家的javascript程序设计有着协助。

这篇小说首要介绍了JS达成调整表格行文本对齐的不二秘籍,涉及javascript操作表格样式的连锁技巧,需求的朋友…

JS达成调节表格只显示行边框也许只显示列边框的主意,js边框

本文实例叙述了JS完结调整表格只突显行边框或许只体现列边框的不二秘籍。分享给大家供大家参谋。具体深入分析如下:

由此上面包车型客车JS代码你能够操纵表格只展现行与行期间的分隔线,也能够只显示列与列之间的分隔线,首要利用了表格对象的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>

期待本文所述对大家的javascript程序设计具备利于。

本文实例陈述了JS完毕调整表格只体现行边框或许只突显列边框的点子。共享…

上边包车型地铁JS代码能够调节表格内的整行文本向左可能向右对齐

相关小说

连带寻找:

今日看什么

探究技能库

回去首页

  • php数组随机排序达成格局
  • IDisposable接口
  • Java与Wechat不能不说的轶事——完成Wechat民众
  • SVG绘图(二卡塔尔国 ——
    渲染满天星辰,svg满天
  • 九款璀璨基于jquery达成的利用及源码,九款
  • iOS最新漏洞可实现“以假乱真”的iCloud密码钓

连锁频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前面三个代码  正则表明式  Flex教程  WEB前端教程