[发明专利]一种网页Table中目标单元格的行列高亮显示方法

说明书

技术领域

本发明涉及表格应用技术领域，特别涉及一种网页Table中目标单元格的行列高亮显示方法。

背景技术

目前的办公软件在电子表格应用方面正越来越向增强用户体验的方向发展，例如Excel中，用户选中电子表格的某个单元格时，该单元格会以加粗加黑边框的效果显示；当用户选中多个单元格时，选中的单元格会以区别于其他单元格背景色的方式显示。该方法实现了选中单元格突出显示的效果。WPS表格中，在普通模式下，功能和Excel类似；在阅读模式的状态下，用户选中某个单元格时，该单元格会以加粗加黑边框的效果显示，且该单元格所在的行和列以某种颜色高亮显示，该方法不仅突出显示单元格而且可以很方便地看到单元格的所在行列的信息。

网页中使用表格已是一种很普遍的现象，但是网页中表格的单元格要么不能突出显示；要么是在编辑时已经定好如何显示背景色和前景色，是静态的，不能灵活变化。如果在阅读的过程中能突出显示网页中的单元格，那么用户体验将进一步增强。按照现有的技术，若要实现突出显示网页表格单元格的效果，需要把网页中的电子表格先转换成Excel表格或WPS表格，然后使用Excel和WPS表格的功能突出显示。显然，这种实现方式比较繁琐和费时，不能一步到位。

发明内容

针对以上问题，本发明提出了一种网页Table中目标单元格的行列高亮显示方法，通过事先定义TD节点的列属性，浏览含有Table标签的网页，获取目标单元格所在的行列值以及是否是合并单元格，高亮显示目标单元格所在的行和列。

为实现上述发明内容，本发明采用了一种网页Table中目标单元格的行列高亮显示方法，该方法的技术方案如下：

a.通过浏览器浏览包含有Table标签的网页；

b.获取目标单元格所在行的值R和列的值C、rowspan属性值M和colspan属性值N，若没有M或N的值则默认值为1；

c.高亮显示目标单元格所在的行和列，且目标单元格显示为区别于高亮显示颜色的其他颜色；当M＝1，N＝1，高亮显示的区域为第R行和第C列，且目标单元格区别显示；当M＞1，N＝1，目标单元格为行合并单元格，高亮显示的区域为第R至R+M-1行和第C列，且目标单元格区别显示；当M＝1，N＞1，目标单元格为列合并单元格，高亮显示的区域为第R行和第N至N+C-1列，且目标单元格区别显示；当M＞1，N＞1，目标单元格为M*N区域合并单元格，高亮显示的区域为第R至R+M-1行和第N至N+C-1列，且目标单元格区别显示；

d.目标单元格行值或列值变化时，高亮显示的行或列随之变化，原高亮显示的行或列恢复原显示颜色。

所述步骤b获取目标单元格所在行的值R和列的值C，对于获得列值C的方法：事先在TD节点中增加自定义列属性，在Table初始化时将每个TD节点所在的列的序列值保存在该自定义属性中，通过该自定义属性匹配的列获得相应列的TD节点；或者，在浏览器内核的解析器中增加对Table中TD节点的列属性的解析功能，在表格初始化时将每个TD节点所在的列的序列值保存在列属性中，通过该属性匹配的列获得相应列的TD节点，浏览器内核解析目标单元格的列值。

所述目标单元格边框通过加粗加黑或使用其他色差大的颜色突出显示。

目标单元格区域为一个或多个。

与现有技术相比，本发明实现了网页Table中目标单元格的行列高亮显示，通过获取单元格的行列值及合并信息，用户不需要把Table转换成Excel或WPS表格即可实现在网页中选中一个或几个单元格时高亮显示该单元格所在的行和列，同时区别和突出显示选中的单元格；解决了用户面对大量单元格时查看目标单元格行信息和列信息的不便。

附图说明

图1为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的流程图；

图2为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施例一；

图3为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施例二；

图4a为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施效果图一；

图4b为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施效果图二；

图4c为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施效果图三；

图4d为本发明所提供的一种网页Table中目标单元格的行列高亮显示方法的实施效果图四；