JS获取表格内指定单元格html内容的方法
本文实例讲述了JS获取表格内指定单元格html内容的方法。分享给大家供大家参考。具体如下:
下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容
<!DOCTYPE html> <html> <head> <script> function cell() { var x=document.getElementById('myTable').rows[0].cells; alert(x[0].innerHTML); } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </table> <br> <input type="button" onclick="cell()" value="Alert first cell"> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
js遍历获取表格内数据的方法(必看)
本文将介绍如何使用js获取表格内某一单元格的内容,表格由table,tr,td等html标记组成.table表示表格,tr表示行,td表示行中列. 1.一般的表格结构如下 <table> <tr> <td>id</td> <td>name</td> </tr> <tr> <td>1</td> <td>fdipzone</td> </tr> <tr
-
JS中获取数据库中的值的方法
实施过程如下: 1.引用Ajax.dll 2.在App_Code写具体的方法,最好单独建立一个类文件,然后写具体方法. 复制代码 代码如下: public class AjaxMethod www.jb51.net{ public AjaxMethod() { // //TODO: 在此处添加构造函数逻辑 // } [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirem
-
利用JS轻松实现获取表单数据
接触过Angularjs的都知道,ng支持双向绑定,我们可以轻轻松松的通过ngModel将我们的值绑定到界面,当修改了值提交表单的时候不需要再重新通过ID去重新抓取输入框信息了.那对于我们开发前台网站,不用ng一类的MVVM框架,只引用了Jquery,那么在处理表单的时候该怎么做呢. 一. 原始做法 <div id="form"> <select id='select1'> <option value="">--请选择--<
-
JS与jQuery遍历Table所有单元格内容的方法
本文实例讲述了JS与jQuery遍历Table所有单元格内容的方法.分享给大家供大家参考,具体如下: 用JS去遍历Table的所有单元格中的内容,可以用如下JS代码实现: function GetInfoFromTable(tableid) { var tableInfo = ""; var tableObj = document.getElementById(tableid); for (var i = 0; i < tableObj.rows.length; i++) { /
-
JS获取表格内指定单元格html内容的方法
本文实例讲述了JS获取表格内指定单元格html内容的方法.分享给大家供大家参考.具体如下: 下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容 <!DOCTYPE html> <html> <head> <script> function cell() { var x=document.getElementById('myTable').rows[0].cells;
-
JS实现控制表格内指定单元格内容对齐的方法
本文实例讲述了JS实现控制表格内指定单元格内容对齐的方法.分享给大家供大家参考.具体如下: 下面的代码控制表格单元格的内容向右对齐 <!DOCTYPE html> <html> <head> <script> function alignCell() { document.getElementById('td1').align="right"; } </script> </head> <body> &l
-
JS显示表格内指定行html代码的方法
本文实例讲述了JS显示表格内指定行html代码的方法.分享给大家供大家参考.具体如下: 下面的js代码演示了如何通过表格的rows数组获得指定行的html代码,包含了所有列 <!DOCTYPE html> <html> <head> <script> function showRow() { alert(document.getElementById('myTable').rows[0].innerHTML); } </script> </
-
在Layui中操作数据表格,给指定单元格添加事件示例
最近入坑Layui这个为服务端程序员量身定做的前端框架. 为什么不用vue结合各种流行前端框架Element.iView啊什么,后台大哥们不会啊!!! 只好我来迁就他们呢,还得一点一点儿的学起来. 当我们在操作数据表格的时候,并不是一定要点击表格工具栏中的"查看"按钮,来进行查看,而是点击某一特定的列来进行某些数据查看.例如下图这样. 这就涉及到表格的自定义事件.代码如下: <table id='task-list' lay-filter='task-list'></
-
C#操作DataGridView获取或设置当前单元格的内容
当前单元格指的是DataGridView焦点所在的单元格,它可以通过DataGridView对象的CurrentCell属性取得.如果当前单元格不存在的时候,返回null. 取得当前单元格的内容: object obj = this.dgv_PropDemo.CurrentCell.Value; 注:返回值是object类型的. 取得当前单元格的列Index: int columnIndex = this.dgv_PropDemo.CurrentCell.ColumnIndex; 取得当前单元格
-
js获取表格的行数和列数的方法
如何使用JavaScript获取一个表格的行数和列数?其实很简单,假设存在如下表格: <table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> <tr> <td> </td> <td> </td> <td> </
-
JS实现控制表格单元格垂直对齐的方法
本文实例讲述了JS实现控制表格单元格垂直对齐的方法.分享给大家供大家参考.具体如下: 下面的代码控制指定的单元格靠底部垂直对齐 <!DOCTYPE html> <html> <head> <script> function valignCell() { var x=document.getElementById('myTable').rows[0].cells; x[0].vAlign="bottom"; } </script>
-
C#获取鼠标在listview右键点击单元格的内容方法
当我们右键点击listview控件时,可以得到选择的项的各个文本内容. 现在我们要求只获取右键点击时的单元格的文本内容. 方法如下: 1.定义全局的鼠标状态 Point m_MBRpt;//鼠标右键点击时Point 2.处理鼠标按下时在listView的消息 private void listView1_MouseDown(object sender, MouseEventArgs e) { // if (e.Button==MouseButtons.Right) { // 得到屏幕鼠标的坐标,
-
C#实现拆分合并Word表格中的单元格
目录 程序环境 在Word表格中合并单元格 完整代码 效果图 在Word表格中拆分单元格 完整代码 效果图 我们在使用Word制作表格时,由于表格较为复杂,只是简单的插入行.列并不能满足我们的需要.要做一个完整的表格,很多时候需要将单元格进行拆分或者合并,才能达到我们想要的效果.那么具体要如何操作呢?别担心,本文将详细为您介绍在Word表格中拆分或合并单元格的思路及方法. 在Word表格中合并单元格 在Word表格中拆分单元格 程序环境 本次测试时,在程序中引入Free Spire.Doc fo
随机推荐
- Angular2使用jQuery的方法教程
- jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
- 详解如何调用zabbix API获取主机
- Java使用强大的Elastisearch搜索引擎实例代码
- PHP print类函数使用总结
- WPF TextBox水印效果制作方法详解
- C++中COM组件初始化方法实例分析
- MySQL数据库维护中监控所用到的常用命令
- PHP学习之数组值的操作
- python中range()与xrange()用法分析
- 浏览器跨域获取Lrc歌词数据的解决办法
- js如何改变文章的字体大小
- 读jQuery之十一 添加事件核心方法
- 此页的状态信息无效,可能已损坏 的处理办法及原因分析
- PMP格式详解
- 几个常用的ASP函数
- Android使用Intent发送短信的实现方法
- 使用Spring Boot上传文件功能
- Android6.0开发中屏幕旋转原理与流程分析
- python与字符编码问题