Js 动态修改表格内容、对齐表格内的内容

发布时间：2018-08-16 09:24:30 所属栏目：PHP教程来源：站长网

导读：Js 动态修改表格内容、对齐表格内的内容，主要是控制表格的TableRow对象属性，使其左对齐、右对齐、向上对齐等，大家可以根据代码进行扩展，例如学习添加向下对齐等。演示： htmlheadtitleTableRow对象的属性/titlescript language= Java Scriptfunction

　　Js 动态修改表格内容、对齐表格内的内容，主要是控制表格的TableRow对象属性，使其左对齐、右对齐、向上对齐等，大家可以根据代码进行扩展，例如学习添加向下对齐等。

　　演示：

<html> <head> <title>TableRow对象的属性</title> <script language="<b>Java</b>Script"> function cellContent(){ var objRow = myTable.rows; var objCell = objRow[0].cells; objCell[0].innerText = "CGI"; objCell[1].innerText = "ASP"; } </script> </head> <body> <h2>TableRow对象的属性</h2> <hr> <table id="myTable" border=1> <tr> <td>HTML</td> <td>CSS</td> </tr> <tr> <td height="50">JavaScript</td> <td height="50">VBScript</td> </tr> </table> <form> <input type="button" onclick="cellContent()" value="单元格内容"> <input type="button" onclick="myTable.rows[0].align='right';" value="向右对齐"> <input type="button" onclick="myTable.rows[1].vAlign='top';" value="向上对齐"> </form> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：濮阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!