指定行与列在单元格上填写内容信息

最新推荐文章于 2025-10-14 03:19:56 发布
原创 最新推荐文章于 2025-10-14 03:19:56 发布 · 574 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种利用jQuery操作DOM元素的方法，具体演示了如何根据用户输入动态更改HTML表格中特定单元格的内容及背景颜色。

分析：这里可用DOM操作类型来，还有可以用jquery来操作

这里我选择jquery操作来做；可以JQ中的简单选择器也可以用子元素选择器

用子元素选择器如下：



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>网页标题</title>
<meta name="keywords" content="关键字列表" />
<meta name="description" content="网页描述" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css">
   *{margin:0;padding:0}
table{margin:30px auto;width:600px;height:300px;}
table td{height:30px;width:100px;}
</style>
<!-- 这里引入jquery -->
<script type="text/javascript"src="JS/jquery.min.js"></script>
<script type="text/javascript">
//加载页面
window.onload =function(){
   //创建点击事件
$("#sub")[0].onclick =function (){
var tr_row  =$("#row").val();
var td_cell =$("#cell").val();
var td_connent =$("#connent").val();
var bgcoLor =$("#bg_color").val();
var date ={"background-color":bgcoLor}
$("#tb tr:nth-child("+tr_row+") :nth-child("+td_cell+")").html(td_connent).css(date);
      }
}//function_end

</script>
</head>
<body>
<table border="1" rules ="all" id ="tb">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<hr/>
请输入行数： <input type ="text" id="row"/><br/>
请输入列数： <input type ="text" id="cell"/><br/>
请输入内容： <input type ="text" id="connent"/><br/>
输入颜色号： <input type ="text" id="bg_color"/><br/>
提　　　交：<input type="button"value ="提交" id="sub"/>
</body>
</html>




效果图如下：

easyexcel 填写模板指定行合并单元格
优快云博客
07-09 7745
easyexcel 填写模板指定行合并单元格
Excel宏JS实现表1固定单元格内容复制到表2指定单元格
fengjinghong的博客
02-20 357
Excel宏JS实现表1固定单元格内容复制到表2指定单元格。备注：可以通过添加按钮指定运行某一个宏。
从Excel到Elasticsearch：Laravel-Excel实现数据导入自动索引的完整方案
gitblog_00774的博客
10-14 900
在企业级应用中，Excel数据导入后往往需要手动同步到搜索引擎，这不仅耗费人力还容易出错。本文将详解如何通过Laravel-Excel的事件系统与Elasticsearch集成，实现数据导入完成后自动触发全文索引更新，彻底解决数据孤岛问题。 ## 核心实现思路 Laravel-Excel提供了完善的事件驱动架构，通过实现[WithEvents接口](https://link.gitcode.c...
获取table表格的行数和列数，指定某行某列的单元格
08-11 2307
var hang = $(table).parent().prevAll().length;//行数       var lie = $(table).prevAll().length;//列数 取table的某行某列      $("#dataTable tr:eq(
html5定义数据单元格,HTML中"表格数据"的正确定义
weixin_42465953的博客
07-01 841
awrigley..13您的示例的问题在于它位于两列中.在该限制中,是否使用TABLE标签或DL标签之间的区别有些模糊.区分的唯一方法是在dl中,DT标签应该是标签而dd应该是"data".如果放在DT标签中的"数据"不是DD标签的标签(也就是元数据),那么您应该使用表格.在你的例子中,这是一种字典,我肯定会使用dl标签.我会使用一个表,其中两列中的每一列中的数据代表一件事的INDEPENDENT...
html怎么设置单元格填充属性,如何在HTML中设置单元格填充？
weixin_29407885的博客
06-04 2104
单元格填充是单元格边界与单元格内的内容之间的空间。要在HTML中设置单元格填充，请使用样式属性。style属性指定元素的内联样式。该属性与HTML 标记一起使用，并带有CSS属性填充。HTML5不支持的cellpadding属性，因此CSS属性padding与style属性一起用于设置单元格padding。请记住，样式属性的使用会覆盖全局设置的任何样式。它将覆盖HTML 标记或外部样式表中设置的任...
html中如何使图片填充表格,html-如何在CSS中指定表格填充？ （表，而不是单元格填充）...
weixin_35928736的博客
06-05 1814
html-如何在CSS中指定表格填充？ (表，而不是单元格填充)我有一个带有彩色背景的表格，我需要指定表格及其内容之间的填充，即 细胞。table标记似乎不接受填充值。Firebug用填充0显示表和主体的布局，但不接受为它们输入的任何值，因此我想它们只是没有padding属性。但问题是，我希望单元格之间的间距要与顶部的顶部单元格和底部的底部单元格相同。同样，我要的不是单元格填充。编辑：谢谢，我现在...
excel引用指定单元格数据_Python 操作 Excel 教程（1） | 向单元格写入数据
weixin_39714383的博客
11-23 728
Python 操作 Excel 教程（1） | 向单元格写入数据今天，我们开始学习使用 Python 来操作 Excel 表格，我在前面的文章写过，Go语言的Excelize,还有Python语言的OpenpyXl、Pandas和xlwings都可以作为 VBA 的替代，来操作 Excel 表格；但是Python语言对于普通工作人员来说，更易于上手使用;所以我们选择OpenpyXl作为起步之路01...
利用POI合并Excel制定列上下行之间指定单元格内容的Util编写
Lxy_CCr的博客
12-27 735
在利用POI的API对Excel导出进行合并制定的列上下之间相同内容的单元格工具类处理 1 具体业务需求，在项目中，对于导出层级关系的Excel表单数据，进行操作合并， 自己对数据内容进行填写操作后，采用工具类对数据进行合并操作 代码如下 1 设置表格的格式工具类 public class ExcelUtils { public static void setCellValue(Row row, Object value, CellStyle cellStyle, int cellIndex){
Java导出excel时合并同一列中相同内容的行思路详解
08-27
Java 导出 Excel 时合并同一列中相同内容的行是一种常见的需求，特别是在统计报表中，我们经常需要将相同的内容合并到一起，以便更好地展示数据。在本文中，我们将详细介绍 Java 导出 Excel 时合并同一列中相同内容...
读取Excel表aaaa.xlsx中指定sheet的单元格K3下方所有不为空的列，提取对应所在行的B列内容, 填写到表ssss.xlsm中的E5开始往下添加行，并填写内容
09-09
3. 对于每一个非空的 K 列单元格，提取其所在行的 **B列内容**。 4. 将这些内容写入到 `ssss.xlsm` 文件的指定工作表中的 **E5 开始往下**。 --- ### ✅ 前提条件： - `aaaa.xlsx` 和 `ssss.xlsm` 文件位于同一个...
WPS宏编辑器，帮我写代码，根据我提供表格进行自动填写指定内容到指定行或列
08-04
首先，用户的问题是关于在WPS宏编辑器中编写代码，实现根据提供的表格数据自动填写内容到指定的行或列。用户提到了一个引用，但那是关于拆分多行文本的示例，不是直接相关的。我需要基于用户的问题来回答。 用户的...
HTML写各种表格相关内容记录（一）---居中、合并单元格、注释符号
weixin_52012241的博客
12-18 878
1、相同内容是合并行和列，只需要在 <td>里面添加内容即可 例子：<td colspan="3">奥特曼</td> <td rowspan="4">怪兽</td> rowspan="4"：合并四行；colspan="3"：合并3列 2、不同内容合并单元格： 首先将所有内容写在一个合并后的单元格中使用<td colspan="3" rowspan="4" width="25%" style="word-break...
怎么在html中写内容,如何在html中的标签内填充内容？
weixin_36373860的博客
06-01 1174
我有一个具有精确宽度(280px)的div,其中有2个超链接和一个输入文本框.超链接只需要一点空间.我希望输入文本框填充div中的剩余空间.我怎样才能做到这一点 ？A BCSS：.notificationArea{width: 280px;vertical-align: middle;text-align:left;}注意：我可以用其他东西替换外部div(例如span),但我试图避免使用表格.编辑...
基于YOLO的摩托车头盔检测.zip
01-07
基于YOLO的摩托车头盔检测.zip
基于LOS算法+反步控制的水下航行器AUVUUV三维路径跟踪控制研究（Matlab代码实现）
最新发布
01-07
基于LOS算法+反步控制的水下航行器AUVUUV三维路径跟踪控制研究（Matlab代码实现）内容概要：本文研究基于LOS（Line-of-Sight）算法与反步控制相结合的水下航行器（AUV/UUV）三维路径跟踪控制方法，并提供了完整的Matlab代码实现。通过构建水下航行器的动力学模型，结合LOS导引策略实现路径跟踪，利用反步控制方法设计控制器以保证系统稳定性与跟踪精度，有效应对海洋环境中的外部干扰与模型不确定性。文中详细阐述了控制算法的设计过程、稳定性分析及仿真验证，展示了在复杂三维路径下的良好跟踪性能。; 适合人群：具备自动控制理论、非线性控制基础及Matlab/Simulink仿真能力的研究生、科研人员及从事水下机器人控制开发的工程技术人员。; 使用场景及目标：①用于水下无人航行器路径跟踪控制系统的算法设计与仿真验证；②学习LOS导引法与反步控制在非线性系统中的综合应用；③为海洋机器人运动控制、自动驾驶等领域提供技术参考与代码实现模板。; 阅读建议：建议结合控制理论基础知识，逐步理解LOS算法的几何原理与反步控制的递推设计思想，重点分析Lyapunov稳定性证明过程，并通过Matlab代码调试与仿真实验加深对算法性能的理解。
基于YOLOv8的实时目标检测Web应用.zip
01-07
基于YOLOv8的实时目标检测Web应用.zip
基于PyQt5的YOLO标注工具集.zip
01-07
基于PyQt5的YOLO标注工具集.zip
YOLOOBBONNXRuntime推理实现.zip
01-07
YOLOOBBONNXRuntime推理实现.zip
打开Excel，填写指定单元格的值
10-29
在 Python 中打开 Excel 文件并填写指定单元格的值，可以使用以下几种方法（根据需求选择）： --- ## **方法 1：使用 `openpyxl`（无需安装 Excel）** **适用场景**：纯 Python 环境修改 `.xlsx` 文件。 **安装**： ```bash pip install openpyxl ``` ### **示例代码** ```python from openpyxl import load_workbook # 1. 打开 Excel 文件（支持路径或文件对象） wb = load_workbook("example.xlsx") # 文件不存在会报错 # 2. 选择工作表（按名称或索引） sheet = wb["Sheet1"] # 或 wb.worksheets[0] # 3. 写入值到指定单元格（A1 单元格） sheet["A1"] = "Hello World" # 直接赋值 sheet.cell(row=2, column=1, value="Python") # 行列索引（行从1开始） # 4. 保存文件（会覆盖原文件） wb.save("example.xlsx") # 保存到新文件可用不同名字 ``` --- ## **方法 2：使用 `pandas`（适合表格数据）** **适用场景**：需要结合数据分析功能。 **安装**： ```bash pip install pandas openpyxl ``` ### **示例代码** ```python import pandas as pd # 1. 读取 Excel 文件 df = pd.read_excel("example.xlsx", sheet_name="Sheet1") # 2. 修改指定单元格（需行列索引） df.iloc[0, 0] = "New Value" # 第1行第1列（0-based） # 3. 保存回文件 df.to_excel("example.xlsx", index=False) # index=False 避免保存行号 ``` --- ## **方法 3：使用 `win32com`（需安装 Excel 软件）** **适用场景**：需要调用 Excel 原生功能（如公式、图表）。 **安装**： ```bash pip install pywin32 ``` ### **示例代码** ```python import win32com.client # 1. 启动 Excel excel = win32com.client.Dispatch("Excel.Application") excel.Visible = True # 显示界面（调试用） # 2. 打开工作簿 wb = excel.Workbooks.Open(r"C:\path\to\example.xlsx") # 绝对路径 # 3. 操作工作表 sheet = wb.Worksheets("Sheet1") sheet.Range("A1").Value = "Hello COM" # 写入值 sheet.Cells(2, 1).Value = 123 # 行号, 列号（从1开始） # 4. 保存并退出 wb.Save() wb.Close() excel.Quit() ``` --- ## **方法 4：使用 `xlwings`（交互式操作）** **适用场景**：需要与 Excel 实时交互。 **安装**： ```bash pip install xlwings ``` ### **示例代码** ```python import xlwings as xw # 1. 打开文件（若文件不存在会自动创建） wb = xw.Book("example.xlsx") # 或 xw.Book(r"C:\path\to\file.xlsx") # 2. 操作工作表 sheet = wb.sheets["Sheet1"] sheet["A1"].value = "Xlwings Demo" # 直接赋值 sheet.range("B1").value = [1, 2, 3] # 写入列表（自动填充到 B1:D1） # 3. 保存 wb.save() wb.close() # 关闭文件（不退出 Excel） ``` --- ## **常见问题解决** 1. **文件路径问题** - 使用原始字符串（`r"path"`）或双反斜杠（`\\`）避免转义错误。 - 检查文件是否存在：`import os; os.path.exists("file.xlsx")`。 2. **权限错误** - 确保文件未被其他程序锁定。 - 以管理员身份运行 Python 脚本（仅限 `win32com`）。 3. **性能优化** - 批量写入数据时，优先用 `pandas` 或 `openpyxl` 的 `append_rows()`。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值